@tcn/ui 0.0.1

package/dist/overlay/tooltip/tooltip.js

@@ -0,0 +1,20 @@
+import { jsx as p } from "react/jsx-runtime";
+import { VStack as a } from "../../stacks/v_stack.js";
+import e from "classnames";
+import i from "react";
+import '../../tooltip.css';const m = "_tooltip_e324d7e", l = { tooltip: m }, x = i.forwardRef(function({ children: o, className: t, ...r }, s) {
+  return /* @__PURE__ */ p(
+    a,
+    {
+      ref: s,
+      as: "span",
+      className: e(t, l.tooltip, "tooltip"),
+      ...r,
+      children: o
+    }
+  );
+});
+export {
+  x as Tooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/overlay/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/overlay/tooltip/tooltip.tsx"],"sourcesContent":["import { VStack, type VStackProps } from '../../stacks/v_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipProps extends Omit<VStackProps, 'as' | 'children'> {\n  children?: React.ReactNode;\n}\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(function VPanel(\n  { children, className, ...props }: TooltipProps,\n  ref\n) {\n  return (\n    <VStack\n      ref={ref}\n      as=\"span\"\n      className={classNames(className, styles.tooltip, 'tooltip')}\n      {...props}\n    >\n      {children}\n    </VStack>\n  );\n});\n"],"names":["Tooltip","React","children","className","props","ref","jsx","VStack","classNames","styles"],"mappings":";;;;kDASaA,IAAUC,EAAM,WAAsC,SACjE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAWL,GAAWM,EAAO,SAAS,SAAS;AAAA,MACzD,GAAGL;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/page.css

@@ -0,0 +1 @@
+._page_b219ddf{width:100%;height:100%;overflow:auto;z-index:1;gap:var(--gap);padding:var(--padding)}._page_b219ddf>.stack{gap:var(--gap)}

package/dist/page.module-DXhph-u6.js

@@ -0,0 +1,5 @@
+import './page.css';const s = "_page_b219ddf", e = { page: s };
+export {
+  e as s
+};
+//# sourceMappingURL=page.module-DXhph-u6.js.map

package/dist/page.module-DXhph-u6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.module-DXhph-u6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/panel.css

@@ -0,0 +1 @@
+._panel_c1dbe05{background-color:#fff;border-radius:4px}._panel-stack_f1896f3{width:100%;height:100%;overflow:auto}._page-stack_53ad282>.stack{gap:var(--gap)}

package/dist/panel.module-CtikcmYB.js

@@ -0,0 +1,5 @@
+import './panel.css';const a = "_panel_c1dbe05", s = "_panel-stack_f1896f3", t = "_page-stack_53ad282", c = { panel: a, "panel-stack": s, "page-stack": t };
+export {
+  c as s
+};
+//# sourceMappingURL=panel.module-CtikcmYB.js.map

package/dist/panel.module-CtikcmYB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.module-CtikcmYB.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/phone_number_input.css

@@ -0,0 +1 @@
+._phone-number-input_5c4483d{position:relative;opacity:1;border-radius:0}._phone-number-input_5c4483d[data-has-phone-book=false]{border-end-end-radius:4px;border-start-end-radius:4px}._phone-number-input-select_a7b33ac{border-end-end-radius:0px;border-start-end-radius:0px}._phone-number-input_5c4483d>*{position:relative;z-index:1}._phone-number-input-select_a7b33ac:has(button){z-index:2}._phone-number-input-input_5b14556:has(input:focus),._phone-number-input-select_a7b33ac:focus,._phone-number-input-input_5b14556:has(input:focus-visible),._phone-number-input-select_a7b33ac:focus-visible{z-index:3}._phone-number-input-phone-book-popover_1511f35{border-radius:calc(4px * var(--scalar, 1));padding:8px;background-color:#fefefe;box-shadow:var(--raised-box-shadow),var(--drop-shadow-depth-3);min-width:calc(200px * var(--scalar, 1))}._phone-number-input-phone-book_7999ca1{border-start-start-radius:0px;border-end-start-radius:0px;height:calc(26px * var(--scalar, 1))!important;width:calc(26px * var(--scalar, 1))!important;min-height:calc(26px * var(--scalar, 1))!important;min-width:calc(26px * var(--scalar, 1))!important;max-height:calc(26px * var(--scalar, 1))!important;max-width:calc(26px * var(--scalar, 1))!important}

package/dist/picture_placeholder.css

@@ -0,0 +1 @@
+._picture-placeholder_ec357fb{color:var(--color)}

package/dist/popper.css

@@ -0,0 +1 @@
+._popover_069b323{display:inline-block;position:absolute}._popover-veil_2f5f985{position:fixed;inset:0;background-color:#0000}

package/dist/portal-qqIp4SIl.js

@@ -0,0 +1,12 @@
+import { useState as n, useLayoutEffect as e } from "react";
+import { usePortalPlatform as u } from "./overlay/portal/portal_platform_context.js";
+const s = ({ children: a, zIndex: o }) => {
+  const r = u(), [t] = n(() => r.createPortal());
+  return e(() => {
+    t.setZIndex(o);
+  }, [t, o]), e(() => (r.mountPortal(t), () => r.unmountPortal(t)), [t, r]), t.render(a);
+};
+export {
+  s as P
+};
+//# sourceMappingURL=portal-qqIp4SIl.js.map

package/dist/portal-qqIp4SIl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-qqIp4SIl.js","sources":["../src/overlay/portal/portal.tsx"],"sourcesContent":["import React, { useState, useLayoutEffect } from 'react';\nimport { usePortalPlatform } from './portal_platform_context.js';\n\nexport interface PortalProps {\n  children: React.ReactNode | React.ReactNode[];\n  zIndex?: number;\n}\n\nexport const Portal = ({ children, zIndex }: PortalProps) => {\n  const portalPlatform = usePortalPlatform();\n\n  const [portal] = useState(() => {\n    return portalPlatform.createPortal();\n  });\n\n  useLayoutEffect(() => {\n    portal.setZIndex(zIndex);\n  }, [portal, zIndex]);\n\n  useLayoutEffect(() => {\n    portalPlatform.mountPortal(portal);\n    return () => portalPlatform.unmountPortal(portal);\n  }, [portal, portalPlatform]);\n\n  return portal.render(children);\n};\n"],"names":["Portal","children","zIndex","portalPlatform","usePortalPlatform","portal","useState","useLayoutEffect"],"mappings":";;AAQO,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAA0B;AAC3D,QAAMC,IAAiBC,EAAA,GAEjB,CAACC,CAAM,IAAIC,EAAS,MACjBH,EAAe,aAAA,CACvB;AAED,SAAAI,EAAgB,MAAM;AACpB,IAAAF,EAAO,UAAUH,CAAM;AAAA,EACzB,GAAG,CAACG,GAAQH,CAAM,CAAC,GAEnBK,EAAgB,OACdJ,EAAe,YAAYE,CAAM,GAC1B,MAAMF,EAAe,cAAcE,CAAM,IAC/C,CAACA,GAAQF,CAAc,CAAC,GAEpBE,EAAO,OAAOJ,CAAQ;AAC/B;"}

package/dist/progress_bar.css

@@ -0,0 +1 @@
+:root{--progress-bar-color: var(--accent-color);--progress-bar-background: #dadada}._progress-bar-container_014b4d9{width:100%}._progress-bar-background_9176cc0{width:100%;height:100%;background-color:var(--progress-bar-background)}._progress-bar_057c33d{width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}._progress-bar-fill_00854f0{height:100%;overflow:hidden;width:var(--progress-percentage, 50%);background-color:var(--progress-bar-color);transition:width .2s ease-out}._progress-bar-fill_00854f0:before{content:"";position:absolute;top:0;left:-20px;height:100%;width:calc(100% + 40px);background-size:20px 20px;animation:_moveStripes_d219e85 .5s linear infinite}._progress-bar-fill_00854f0[data-finished=true]:before{animation:none;background-image:none}@keyframes _moveStripes_d219e85{0%{transform:translate(0)}to{transform:translate(20px)}}

package/dist/radio.css

@@ -0,0 +1 @@
+._radio_ce5c4e1{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:16px;min-height:16px;width:16px;height:16px;border-radius:50%;outline:none;outline-offset:0;cursor:pointer;margin:0;margin-inline-end:6px;background-color:#fff;border:1px solid var(--accent-color);box-sizing:border-box;-webkit-tap-highlight-color:transparent}._radio_ce5c4e1[data-is-disabled=true]{background-color:#0000000d;cursor:not-allowed;opacity:.5}._radio_ce5c4e1:checked,._radio_ce5c4e1[data-checked=true]{border:5px solid var(--accent-color);background-color:#fff}._radio_ce5c4e1:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._radio_ce5c4e1+label{font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}._radio_ce5c4e1[data-is-disabled=true]+label{font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.5}.small-text ._radio_ce5c4e1+label{font-size:12px}.medium-small-text ._radio_ce5c4e1+label{font-size:14px}.medium-text._radio_ce5c4e1+label{font-size:16px}.medium-large-text ._radio_ce5c4e1+label{font-size:18px}.large-text ._radio_ce5c4e1+label{font-size:18px}

package/dist/rect.css

@@ -0,0 +1 @@
+._rect_60482cd{display:grid;place-items:center center;border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);flex-shrink:0}

package/dist/right_resize_handle.css

@@ -0,0 +1 @@
+._right-resize-handle_7f232b9{position:fixed;bottom:0;right:var(--resize-offset, -8px);height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}

package/dist/select.css

@@ -0,0 +1 @@
+._select_aabe288{position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}._select_aabe288[data-hierarchy=secondary]{border:1px solid #aaa;color:var(--font-color)}._select_aabe288:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._select_aabe288:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:hover:after{background-color:var(--accent-color)}._select_aabe288[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}._selectedLabel_b92ff3e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}

package/dist/select_group.css

@@ -0,0 +1 @@
+._select-group_c24986f{--button-background: var(--surface-color, transparent);border-radius:4px}._select-group-option_28f4dfd{background-color:var(--button-background);z-index:1}._select-group-divider_b5b865b{display:none}._select-group-option_28f4dfd:not(:first-child){margin-left:-1px}._select-group-option_28f4dfd:is(:focus,:focus-visible,:hover,:active){z-index:2}._select-group-option_28f4dfd:not(:first-child),._select-group-option_28f4dfd:not(:last-child){border-radius:0}._select-group-option_28f4dfd:last-child{border-end-end-radius:4px;border-start-end-radius:4px}._select-group-option_28f4dfd:first-child{border-start-start-radius:4px;border-end-start-radius:4px}._select-group-option_28f4dfd:last-child{border-inline-start-width:0}._select-group-option_28f4dfd:first-child{border-inline-end-width:0}._select-group-option_28f4dfd:only-child{border-inline-end-width:1px;border-inline-start-width:1px}._select-group_c24986f[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._select-group_c24986f[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._select-group_c24986f[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._select-group-option_28f4dfd[data-is-disabled=true]{z-index:0}

package/dist/sidebar_end.css

@@ -0,0 +1 @@
+._sidebarEndBox_25f69cc{width:250px;height:100%;z-index:2}._sidebarEnd_cb253a2{width:100%;height:100%}._sidebarEnd_cb253a2[data-hierarchy=primary]{background:#fff;border-left:1px solid #e0e0e0;padding:16px}._sidebarEnd_cb253a2[data-hierarchy=secondary]{background:#f8f9fa;border-left:1px solid #e9ecef;padding:12px}._sidebarEnd_cb253a2[data-hierarchy=tertiary]{background:#f1f3f4;border-left:1px solid #dee2e6;padding:8px}

package/dist/sidebar_start.css

@@ -0,0 +1 @@
+._sidebarStartBox_4353011{width:250px;height:100%;z-index:2}._sidebarStart_5b1e45b{width:100%;height:100%}._sidebarStart_5b1e45b[data-hierarchy=primary]{background:#fff;border-right:1px solid #e0e0e0;padding:16px}._sidebarStart_5b1e45b[data-hierarchy=secondary]{background:#f8f9fa;border-right:1px solid #e9ecef;padding:12px}._sidebarStart_5b1e45b[data-hierarchy=tertiary]{background:#f1f3f4;border-right:1px solid #dee2e6;padding:8px}

package/dist/slider.css

@@ -0,0 +1 @@
+:root{--disabled: #d3d3d3}._slider_eb84151{width:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:calc(26px * var(--scalar, 1))}._slider_eb84151:focus{outline:none}._slider_eb84151::-webkit-slider-runnable-track{border-radius:4px;height:calc(1px * var(--scalar, 1))}._slider_eb84151:dir(ltr)::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-color) 0%,var(--accent-color) var(--progress),var(--surface-line, #aaa) var(--progress),var(--surface-line, #aaa) 100%)}._slider_eb84151:dir(rtl)::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--accent-color) 0%,var(--accent-color) var(--progress),var(--surface-line, #aaa) var(--progress),var(--surface-line, #aaa) 100%)}._slider_eb84151:dir(rtl)[data-is-disabled=true]::-webkit-slider-runnable-track,._slider_eb84151:dir(ltr)[data-is-disabled=true]::-webkit-slider-runnable-track{background:var(--disabled);cursor:not-allowed}._slider_eb84151::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:ew-resize;position:relative;top:calc(-6px * var(--scalar, 1));width:calc(14px * var(--scalar, 1));height:calc(14px * var(--scalar, 1));border-radius:2px;background-color:var(--surface, #fff);border:1px solid var(--accent-color);box-sizing:border-box}._slider_eb84151[data-is-disabled=true]::-webkit-slider-thumb{border-color:#e3e3e3;cursor:not-allowed}._slider_eb84151:focus-visible::-webkit-slider-thumb{box-shadow:0 0 4px var(--accent-color);outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent);outline-offset:1px}._slider_eb84151[data-is-disabled=false]:active::-webkit-slider-thumb{background:color-mix(in srgb,var(--accent-color) 10%,white)}._slider_eb84151::-moz-range-track{border-radius:4px;height:calc(1px * var(--scalar, 1))}._slider_eb84151:dir(ltr)::-moz-range-track{background:linear-gradient(to right,var(--accent-color) 0%,var(--accent-color) var(--progress),var(--surface-line, #aaa) var(--progress),var(--surface-line, #aaa) 100%)}._slider_eb84151:dir(rtl)::-moz-range-track{background:linear-gradient(to left,var(--accent-color) 0%,var(--accent-color) var(--progress),var(--surface-line, #aaa) var(--progress),var(--surface-line, #aaa) 100%)}._slider_eb84151[data-is-disabled=true]::-moz-range-track{background:var(--disabled);cursor:not-allowed}._slider_eb84151::-moz-range-thumb{cursor:ew-resize;border:none;top:calc(-6px * var(--scalar, 1));width:calc(14px * var(--scalar, 1));height:calc(14px * var(--scalar, 1));border-radius:2px;background-color:var(--surface, #fff);border:1px solid var(--accent-color);box-sizing:border-box}._slider_eb84151[data-is-disabled=true]::-moz-range-thumb{border-color:#e3e3e3;cursor:not-allowed}._slider_eb84151:focus::-moz-range-thumb{box-shadow:0 0 4px var(--accent-color);outline:1px dashed var(--accent-color);outline-offset:1px}._slider_eb84151[data-is-disabled=false]:active::-moz-range-thumb{background:color-mix(in srgb,var(--accent-color) 10%,white)}

package/dist/slim_button.css

@@ -0,0 +1 @@
+._slim-button_188fdc3{min-height:auto}._slim-button_188fdc3[data-is-disabled=true]{pointer-events:none}._slim-button_188fdc3[data-size=sm]{padding:1px}._slim-button_188fdc3[data-size=md]{padding:2px}._slim-button_188fdc3[data-size=lg]{padding:3px}._slim-button_188fdc3[data-hierarchy=tertiary][data-is-disabled=true]{background-color:transparent;border:none;color:var(--button-color-disabled);min-height:auto;pointer-events:none}._slim-button_188fdc3[data-hierarchy=secondary][data-is-disabled=true]{background-color:transparent;border:1px solid var(--button-color-disabled);color:var(--button-color-disabled)}

package/dist/stack.css

@@ -0,0 +1 @@
+._h-stack_f3d929e,._v-stack_c5b98b6{display:flex}._h-stack_f3d929e[data-inline=true],._v-stack_c5b98b6[data-inline=true]{display:inline-flex}._z-stack_0734316{display:grid}._z-stack_0734316[data-inline=true]{display:inline-grid}._box_16766f3[data-height=flex]{height:auto}:where(._h-stack_f3d929e){display:flex;position:relative;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:row;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._v-stack_c5b98b6){position:relative;display:flex;padding:0;margin:0;min-width:0;min-height:0;width:100%;height:auto;overflow-x:visible;overflow-y:visible;flex-wrap:nowrap;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}:where(._z-stack_0734316){position:relative;min-width:0;min-height:0;width:100%;height:auto;overflow:visible;box-sizing:border-box}:where(._box_16766f3){width:100%;min-width:0;max-width:100%;min-height:0;height:auto;max-height:100%;z-index:0;position:relative;box-sizing:border-box;transform:none}:where(._h-stack_f3d929e[data-inline=true]){display:inline-flex}:where(._h-stack_f3d929e[data-allow-flow=true]){flex-wrap:wrap}:where(._h-stack_f3d929e[data-v-alignment=start]){align-items:flex-start}:where(._h-stack_f3d929e[data-v-alignment=center]){align-items:center}:where(._h-stack_f3d929e[data-v-alignment=end]){align-items:flex-end}:where(._h-stack_f3d929e[data-h-alignment=start]){justify-content:flex-start}:where(._h-stack_f3d929e[data-h-alignment=center]){justify-content:center}:where(._h-stack_f3d929e[data-h-alignment=end]){justify-content:flex-end}:where(._h-stack_f3d929e>*){position:relative}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._reveal-layout_d966b23 ._h-stack_f3d929e:after),:where(._reveal-h-stack_aab60c1 ._h-stack_f3d929e:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,123,160);pointer-events:none;z-index:1}:where(._v-stack_c5b98b6[data-inline=true]){display:inline-flex}:where(._v-stack_c5b98b6[data-allow-flow=true]){flex-wrap:wrap}:where(._v-stack_c5b98b6[data-h-alignment=start]){align-items:flex-start}:where(._v-stack_c5b98b6[data-h-alignment=center]){align-items:center}:where(._v-stack_c5b98b6[data-h-alignment=end]){align-items:flex-end}:where(._v-stack_c5b98b6[data-v-alignment=start]){justify-content:flex-start}:where(._v-stack_c5b98b6[data-v-alignment=center]){justify-content:center}:where(._v-stack_c5b98b6[data-v-alignment=end]){justify-content:flex-end}:where(._v-stack_c5b98b6>*){position:relative}:where(._v-stack_c5b98b6[data-height=auto]){flex-grow:0;flex-shrink:0;flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=flex]){flex-grow:1;flex-shrink:0;flex-basis:0%;height:auto}:where(._v-stack_c5b98b6[data-height=auto]>._h-stack_f3d929e[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._z-stack_0734316[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._v-stack_c5b98b6[data-height=flex]),:where(._v-stack_c5b98b6[data-height=auto]>._stack-flex_74799db[data-height=flex]){flex-basis:auto}:where(._v-stack_c5b98b6[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto;flex-basis:auto}:where(._reveal-layout_d966b23 ._v-stack_c5b98b6:after),:where(._reveal-v-stack_389c691 ._v-stack_c5b98b6:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(0,165,152);pointer-events:none;z-index:1}:where(._z-stack_0734316>*){position:relative;min-width:0;min-height:0;grid-area:1 / 1 / 2 / 2;box-sizing:border-box}:where(._z-stack_0734316[data-h-alignment=start]>*){justify-self:start}:where(._z-stack_0734316[data-h-alignment=center]>*){justify-self:center}:where(._z-stack_0734316[data-h-alignment=end]>*){justify-self:end}:where(._z-stack_0734316[data-v-alignment=start]>*){align-self:start}:where(._z-stack_0734316[data-v-alignment=center]>*){align-self:center}:where(._z-stack_0734316[data-v-alignment=end]>*){align-self:end}:where(._z-stack_0734316>._h-stack_f3d929e[data-height=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-height=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-height=default]){height:100%}:where(._z-stack_0734316>._h-stack_f3d929e[data-width=flex]),:where(._z-stack_0734316>._v-stack_c5b98b6[data-width=flex]),:where(._z-stack_0734316>._stack-flex_74799db[data-width=default]){width:100%}:where(._reveal-layout_d966b23 ._z-stack_0734316:after),:where(._reveal-z-stack_366b960 ._z-stack_0734316:after){content:"";position:absolute;inset:0;outline:1px dashed rgb(119,0,255);pointer-events:none;z-index:1}:where(._h-stack_f3d929e>._h-stack_f3d929e[data-width=default]),:where(._h-stack_f3d929e>._z-stack_0734316[data-width=default]),:where(._h-stack_f3d929e>._v-stack_c5b98b6[data-width=default]),:where(._h-stack_f3d929e>._stack-flex_74799db[data-width=default]),:where(._h-stack_f3d929e>._box_16766f3[data-width=default]){flex-grow:1;flex-shrink:0;flex-basis:0%;width:auto}:where(._h-stack_f3d929e[data-height=auto] ._h-stack_f3d929e[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._z-stack_0734316[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._v-stack_c5b98b6[data-height=default]),:where(._h-stack_f3d929e[data-height=auto] ._stack-flex_74799db[data-height=default]){height:auto}:where(._h-stack_f3d929e[data-width=auto]){flex-grow:0;flex-shrink:0;width:auto;flex-basis:auto}:where(._h-stack_f3d929e[data-width=auto]>._h-stack_f3d929e[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._z-stack_0734316[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._v-stack_c5b98b6[data-width=flex]),:where(._h-stack_f3d929e[data-width=auto]>._stack-flex_74799db[data-width=flex]){flex-basis:auto}:where(._v-stack_c5b98b6>._h-stack_f3d929e[data-height=default]),:where(._v-stack_c5b98b6>._z-stack_0734316[data-height=default]),:where(._v-stack_c5b98b6>._v-stack_c5b98b6[data-height=default]),:where(._v-stack_c5b98b6>._stack-flex_74799db[data-height=default]){flex-basis:auto;height:auto}:where(._v-stack_c5b98b6[data-overflow-y=auto]:not([data-height=auto])),:where(._v-stack_c5b98b6[data-overflow-y=scroll]:not([data-height=auto])),:where(._h-stack_f3d929e[data-overflow-y=auto]:not([data-width=auto])),:where(._h-stack_f3d929e[data-overflow-y=scroll]:not([data-width=auto])){flex-shrink:1}:where(._box_16766f3[data-enabled-resize-on-start=true]),:where(._box_16766f3[data-enabled-resize-on-end=true]),:where(._box_16766f3[data-enabled-resize-on-top=true]),:where(._box_16766f3[data-enabled-resize-on-bottom=true]),:where(._box_16766f3[data-enabled-resize-on-left=true]),:where(._box_16766f3[data-enabled-resize-on-right=true]){transform:translateZ(0)}:where(._box_16766f3[data-width=flex]){width:auto}:where(.reveal-layout ._box_16766f3:after),:where(.reveal-box ._box_16766f3:after){content:"";position:absolute;inset:0;border:1px dashed rgb(138,138,138);pointer-events:none;z-index:1}

package/dist/stack.module-CBV1f12Z.js

@@ -0,0 +1,5 @@
+import './stack.css';const a = "_h-stack_f3d929e", t = "_v-stack_c5b98b6", c = "_z-stack_0734316", e = "_box_16766f3", s = "_stack-flex_74799db", k = "_reveal-layout_d966b23", l = "_reveal-h-stack_aab60c1", _ = "_reveal-v-stack_389c691", v = "_reveal-z-stack_366b960", o = { "h-stack": a, "v-stack": t, "z-stack": c, box: e, "stack-flex": s, "reveal-layout": k, "reveal-h-stack": l, "reveal-v-stack": _, "reveal-z-stack": v };
+export {
+  o as s
+};
+//# sourceMappingURL=stack.module-CBV1f12Z.js.map

package/dist/stack.module-CBV1f12Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.module-CBV1f12Z.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/stacks/box/bottom_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface BottomResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onHeightResize?: (value: number) => void;
+    onHeightResizeEnd?: (value: number) => void;
+}
+export declare function BottomResizeHandle({ targetRef, handleProps, onHeightResize, onHeightResizeEnd, }: BottomResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bottom_resize_handle.d.ts.map

package/dist/stacks/box/bottom_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/bottom_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,EAAE,uBAAuB,2CAuBzB"}

package/dist/stacks/box/bottom_resize_handle.js

@@ -0,0 +1,33 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createVerticalResizeHandler as l } from "./resize_handlers.js";
+import c from "classnames";
+import '../../bottom_resize_handle.css';const a = "_bottom-resize-handle_e3e2ef2", f = { "bottom-resize-handle": a };
+function H({
+  targetRef: t,
+  handleProps: e,
+  onHeightResize: o,
+  onHeightResizeEnd: s
+}) {
+  const i = l(
+    t,
+    o,
+    s
+  ), n = e?.offset ? e.offset : -8, m = {
+    ...e?.style,
+    bottom: `${n}px`,
+    height: e?.size || "16px"
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: c(f["bottom-resize-handle"], "bottom-resize-handle"),
+      onMouseDown: i,
+      style: m,
+      children: e?.children
+    }
+  );
+}
+export {
+  H as BottomResizeHandle
+};
+//# sourceMappingURL=bottom_resize_handle.js.map

package/dist/stacks/box/bottom_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom_resize_handle.js","sources":["../../../src/stacks/box/bottom_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './bottom_resize_handle.module.css';\nimport { createVerticalResizeHandler } from './resize_handlers.js';\nimport classNames from 'classnames';\nimport type { HandleProps } from './handle_props.js';\n\nexport interface BottomResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onHeightResize?: (value: number) => void;\n  onHeightResizeEnd?: (value: number) => void;\n}\n\nexport function BottomResizeHandle({\n  targetRef,\n  handleProps,\n  onHeightResize,\n  onHeightResizeEnd,\n}: BottomResizeHandleProps) {\n  const resizeHandler = createVerticalResizeHandler(\n    targetRef,\n    onHeightResize,\n    onHeightResizeEnd\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const bottomResizeHandleStyle: React.CSSProperties = {\n    ...handleProps?.style,\n    bottom: `${offset}px`,\n    height: handleProps?.size || '16px',\n  };\n\n  return (\n    <div\n      className={classNames(styles['bottom-resize-handle'], 'bottom-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={bottomResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["BottomResizeHandle","targetRef","handleProps","onHeightResize","onHeightResizeEnd","resizeHandler","createVerticalResizeHandler","offset","bottomResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAaO,SAASA,EAAmB;AAAA,EACjC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA+C;AAAA,IACnD,GAAGN,GAAa;AAAA,IAChB,QAAQ,GAAGK,CAAM;AAAA,IACjB,QAAQL,GAAa,QAAQ;AAAA,EAAA;AAG/B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,sBAAsB,GAAG,sBAAsB;AAAA,MAC5E,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/box/box.d.ts

@@ -0,0 +1,42 @@
+import { default as React, CSSProperties, HTMLAttributes } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface BoxProps extends HTMLAttributes<HTMLElement> {
+    as?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+    width?: 'default' | 'flex' | 'auto' | string | number;
+    minWidth?: CSSProperties['minWidth'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: 'default' | 'flex' | 'auto' | string | number;
+    minHeight?: CSSProperties['minHeight'];
+    maxHeight?: CSSProperties['maxHeight'];
+    zIndex?: number;
+    padding?: CSSProperties['padding'];
+    paddingInline?: CSSProperties['paddingInline'];
+    paddingBlock?: CSSProperties['paddingBlock'];
+    margin?: CSSProperties['margin'];
+    marginBlock?: CSSProperties['marginBlock'];
+    marginInline?: CSSProperties['marginInline'];
+    marginInlineStart?: CSSProperties['marginInlineStart'];
+    marginInlineEnd?: CSSProperties['marginInlineEnd'];
+    marginTop?: CSSProperties['marginTop'];
+    marginBottom?: CSSProperties['marginBottom'];
+    overflow?: React.CSSProperties['overflow'];
+    overflowX?: React.CSSProperties['overflowX'];
+    overflowY?: React.CSSProperties['overflowY'];
+    enableResizeOnTop?: boolean;
+    enableResizeOnEnd?: boolean;
+    enableResizeOnBottom?: boolean;
+    enableResizeOnStart?: boolean;
+    enableResizeOnLeft?: boolean;
+    enableResizeOnRight?: boolean;
+    horizontalHandleProps?: HandleProps;
+    verticalHandleProps?: HandleProps;
+    onWidthResize?: (width: number) => void;
+    onHeightResize?: (width: number) => void;
+    onWidthResizeEnd?: (width: number) => void;
+    onHeightResizeEnd?: (width: number) => void;
+}
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=box.d.ts.map

package/dist/stacks/box/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAWrE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACtD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,GAAG,8EAsKd,CAAC"}

package/dist/stacks/box/box.js

@@ -0,0 +1,168 @@
+import { jsxs as h, jsx as t } from "react/jsx-runtime";
+import "../../utils/focus_redirect.js";
+import "../../utils/click_away_listener.js";
+import "../../utils/scroll_away_listener.js";
+import O, { useRef as oo } from "react";
+import { useForkRef as ro } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { LeftResizeHandle as ao } from "./left_resize_handle.js";
+import { RightResizeHandle as to } from "./right_resize_handle.js";
+import { BottomResizeHandle as eo } from "./bottom_resize_handle.js";
+import { EndResizeHandle as so } from "./end_resize_handle.js";
+import { StartResizeHandle as fo } from "./start_resize_handle.js";
+import { TopResizeHandle as lo } from "./top_resize_handle.js";
+import mo from "classnames";
+import { isCustomSizeProp as y } from "../utils/isCustomSizeProp.js";
+import { removeUndefinedProperties as no } from "../utils/remove_undefined_properties.js";
+import { s as k } from "../../stack.module-CBV1f12Z.js";
+const Yo = O.forwardRef(function({
+  style: v,
+  className: P,
+  as: H = "div",
+  children: V,
+  width: r = "default",
+  minWidth: b,
+  maxWidth: j,
+  height: a = "default",
+  minHeight: w,
+  maxHeight: N,
+  zIndex: Y,
+  padding: _,
+  paddingInline: A,
+  paddingBlock: B,
+  margin: C,
+  marginBlock: U,
+  marginInline: q,
+  marginInlineStart: D,
+  marginInlineEnd: G,
+  marginTop: I,
+  marginBottom: J,
+  overflow: K,
+  overflowX: M,
+  overflowY: Q,
+  enableResizeOnTop: f = !1,
+  enableResizeOnEnd: l = !1,
+  enableResizeOnBottom: m = !1,
+  enableResizeOnStart: n = !1,
+  enableResizeOnLeft: c = !1,
+  enableResizeOnRight: p = !1,
+  onWidthResize: e,
+  onHeightResize: d,
+  onWidthResizeEnd: s,
+  onHeightResizeEnd: u,
+  horizontalHandleProps: x,
+  verticalHandleProps: i,
+  ...X
+}, Z) {
+  const $ = H, o = oo(null), L = ro(Z, o), R = l || n || c || p, T = m || f, z = R, E = T, g = z && r === "flex", S = E && a === "flex", F = !g && !S && (r === "flex" || a === "flex");
+  g && (r = "100%", console.warn("You cannot have a resizable box and flex simultaneously")), S && (a = "auto", console.warn("You cannot have a resizable box and flex simultaneously"));
+  const W = {
+    width: y(r) ? void 0 : r,
+    minWidth: b,
+    maxWidth: j,
+    height: y(a) ? void 0 : a,
+    minHeight: w,
+    maxHeight: N,
+    padding: _,
+    paddingInline: A,
+    paddingBlock: B,
+    margin: C,
+    marginBlock: U,
+    marginInline: q,
+    marginInlineStart: D,
+    marginInlineEnd: G,
+    marginTop: I,
+    marginBottom: J,
+    overflow: K,
+    overflowX: M,
+    overflowY: Q,
+    zIndex: Y
+  };
+  return /* @__PURE__ */ h(
+    $,
+    {
+      "data-enabled-resize-on-start": String(n),
+      "data-enabled-resize-on-end": String(l),
+      "data-enabled-resize-on-top": String(f),
+      "data-enabled-resize-on-bottom": String(m),
+      "data_enabled-resize-on-left": String(c),
+      "data_enabled-resize-on-right": String(p),
+      "data-height": a,
+      "data-width": r,
+      ref: L,
+      style: {
+        ...no(W),
+        ...v
+      },
+      className: mo(
+        k.box,
+        P,
+        F && "stack-flex",
+        F && k["stack-flex"],
+        "box"
+      ),
+      ...X,
+      children: [
+        V,
+        f && /* @__PURE__ */ t(
+          lo,
+          {
+            onHeightResize: d,
+            onHeightResizeEnd: u,
+            targetRef: o,
+            handleProps: x
+          }
+        ),
+        m && /* @__PURE__ */ t(
+          eo,
+          {
+            onHeightResize: d,
+            onHeightResizeEnd: u,
+            targetRef: o,
+            handleProps: i
+          }
+        ),
+        n && /* @__PURE__ */ t(
+          fo,
+          {
+            onWidthResize: e,
+            onWidthResizeEnd: s,
+            targetRef: o,
+            handleProps: x
+          }
+        ),
+        l && /* @__PURE__ */ t(
+          so,
+          {
+            onWidthResize: e,
+            onWidthResizeEnd: s,
+            targetRef: o,
+            handleProps: x
+          }
+        ),
+        c && /* @__PURE__ */ t(
+          ao,
+          {
+            onWidthResize: e,
+            onWidthResizeEnd: s,
+            targetRef: o,
+            handleProps: i
+          }
+        ),
+        p && /* @__PURE__ */ t(
+          to,
+          {
+            onWidthResize: e,
+            onWidthResizeEnd: s,
+            targetRef: o,
+            handleProps: i
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  Yo as Box
+};
+//# sourceMappingURL=box.js.map

package/dist/stacks/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sources":["../../../src/stacks/box/box.tsx"],"sourcesContent":["import { useForkRef } from '../../utils/index.js';\nimport React, { CSSProperties, HTMLAttributes, useRef } from 'react';\nimport { LeftResizeHandle } from './left_resize_handle.js';\nimport { RightResizeHandle } from './right_resize_handle.js';\nimport { BottomResizeHandle } from './bottom_resize_handle.js';\nimport { EndResizeHandle } from './end_resize_handle.js';\nimport { StartResizeHandle } from './start_resize_handle.js';\nimport { TopResizeHandle } from './top_resize_handle.js';\nimport classNames from 'classnames';\nimport { isCustomSizeProp } from '../utils/isCustomSizeProp.js';\nimport { removeUndefinedProperties } from '../utils/remove_undefined_properties.js';\nimport styles from '../stack.module.css';\nimport { HandleProps } from './handle_props.js';\n\nexport interface BoxProps extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  style?: React.CSSProperties;\n  className?: string;\n  children?: React.ReactNode;\n  width?: 'default' | 'flex' | 'auto' | string | number;\n  minWidth?: CSSProperties['minWidth'];\n  maxWidth?: CSSProperties['maxWidth'];\n  height?: 'default' | 'flex' | 'auto' | string | number;\n  minHeight?: CSSProperties['minHeight'];\n  maxHeight?: CSSProperties['maxHeight'];\n  zIndex?: number;\n  padding?: CSSProperties['padding'];\n  paddingInline?: CSSProperties['paddingInline'];\n  paddingBlock?: CSSProperties['paddingBlock'];\n  margin?: CSSProperties['margin'];\n  marginBlock?: CSSProperties['marginBlock'];\n  marginInline?: CSSProperties['marginInline'];\n  marginInlineStart?: CSSProperties['marginInlineStart'];\n  marginInlineEnd?: CSSProperties['marginInlineEnd'];\n  marginTop?: CSSProperties['marginTop'];\n  marginBottom?: CSSProperties['marginBottom'];\n  overflow?: React.CSSProperties['overflow'];\n  overflowX?: React.CSSProperties['overflowX'];\n  overflowY?: React.CSSProperties['overflowY'];\n  enableResizeOnTop?: boolean;\n  enableResizeOnEnd?: boolean;\n  enableResizeOnBottom?: boolean;\n  enableResizeOnStart?: boolean;\n  enableResizeOnLeft?: boolean;\n  enableResizeOnRight?: boolean;\n  horizontalHandleProps?: HandleProps;\n  verticalHandleProps?: HandleProps;\n  onWidthResize?: (width: number) => void;\n  onHeightResize?: (width: number) => void;\n  onWidthResizeEnd?: (width: number) => void;\n  onHeightResizeEnd?: (width: number) => void;\n}\n\nexport const Box = React.forwardRef<HTMLElement, BoxProps>(function Box(\n  {\n    style,\n    className,\n    as = 'div',\n    children,\n    width = 'default',\n    minWidth,\n    maxWidth,\n    height = 'default',\n    minHeight,\n    maxHeight,\n    zIndex,\n    padding,\n    paddingInline,\n    paddingBlock,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    overflow,\n    overflowX,\n    overflowY,\n    enableResizeOnTop = false,\n    enableResizeOnEnd = false,\n    enableResizeOnBottom = false,\n    enableResizeOnStart = false,\n    enableResizeOnLeft = false,\n    enableResizeOnRight = false,\n    onWidthResize,\n    onHeightResize,\n    onWidthResizeEnd,\n    onHeightResizeEnd,\n    horizontalHandleProps,\n    verticalHandleProps,\n    ...otherProps\n  }: BoxProps,\n  ref\n) {\n  const As = as as React.ElementType;\n  const boxRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, boxRef);\n  const hasHorizontalResize =\n    enableResizeOnEnd || enableResizeOnStart || enableResizeOnLeft || enableResizeOnRight;\n  const hasVerticalResize = enableResizeOnBottom || enableResizeOnTop;\n\n  const cannotHorizontalFlex = hasHorizontalResize;\n  const cannotVerticalFlex = hasVerticalResize;\n  const warnHorizontalFlex = cannotHorizontalFlex && width === 'flex';\n  const warnVerticalFlex = cannotVerticalFlex && height === 'flex';\n  const isFlexing =\n    !warnHorizontalFlex && !warnVerticalFlex && (width === 'flex' || height === 'flex');\n\n  if (warnHorizontalFlex) {\n    width = '100%';\n    // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n    console.warn('You cannot have a resizable box and flex simultaneously');\n  }\n\n  if (warnVerticalFlex) {\n    height = 'auto';\n    // biome-ignore lint/suspicious/noConsole: Need to warn the developer\n    console.warn('You cannot have a resizable box and flex simultaneously');\n  }\n\n  const propStyles = {\n    width: !isCustomSizeProp(width) ? width : undefined,\n    minWidth,\n    maxWidth,\n    height: !isCustomSizeProp(height) ? height : undefined,\n    minHeight,\n    maxHeight,\n    padding,\n    paddingInline,\n    paddingBlock,\n    margin,\n    marginBlock,\n    marginInline,\n    marginInlineStart,\n    marginInlineEnd,\n    marginTop,\n    marginBottom,\n    overflow,\n    overflowX,\n    overflowY,\n    zIndex,\n  };\n\n  return (\n    <As\n      data-enabled-resize-on-start={String(enableResizeOnStart)}\n      data-enabled-resize-on-end={String(enableResizeOnEnd)}\n      data-enabled-resize-on-top={String(enableResizeOnTop)}\n      data-enabled-resize-on-bottom={String(enableResizeOnBottom)}\n      data_enabled-resize-on-left={String(enableResizeOnLeft)}\n      data_enabled-resize-on-right={String(enableResizeOnRight)}\n      data-height={height}\n      data-width={width}\n      ref={forkedRef}\n      style={{\n        ...removeUndefinedProperties(propStyles),\n        ...style,\n      }}\n      className={classNames(\n        styles['box'],\n        className,\n        isFlexing && 'stack-flex',\n        isFlexing && styles['stack-flex'],\n        'box'\n      )}\n      {...otherProps}\n    >\n      {children}\n      {enableResizeOnTop && (\n        <TopResizeHandle\n          onHeightResize={onHeightResize}\n          onHeightResizeEnd={onHeightResizeEnd}\n          targetRef={boxRef}\n          handleProps={horizontalHandleProps}\n        />\n      )}\n      {enableResizeOnBottom && (\n        <BottomResizeHandle\n          onHeightResize={onHeightResize}\n          onHeightResizeEnd={onHeightResizeEnd}\n          targetRef={boxRef}\n          handleProps={verticalHandleProps}\n        />\n      )}\n      {enableResizeOnStart && (\n        <StartResizeHandle\n          onWidthResize={onWidthResize}\n          onWidthResizeEnd={onWidthResizeEnd}\n          targetRef={boxRef}\n          handleProps={horizontalHandleProps}\n        />\n      )}\n      {enableResizeOnEnd && (\n        <EndResizeHandle\n          onWidthResize={onWidthResize}\n          onWidthResizeEnd={onWidthResizeEnd}\n          targetRef={boxRef}\n          handleProps={horizontalHandleProps}\n        />\n      )}\n      {enableResizeOnLeft && (\n        <LeftResizeHandle\n          onWidthResize={onWidthResize}\n          onWidthResizeEnd={onWidthResizeEnd}\n          targetRef={boxRef}\n          handleProps={verticalHandleProps}\n        />\n      )}\n      {enableResizeOnRight && (\n        <RightResizeHandle\n          onWidthResize={onWidthResize}\n          onWidthResizeEnd={onWidthResizeEnd}\n          targetRef={boxRef}\n          handleProps={verticalHandleProps}\n        />\n      )}\n    </As>\n  );\n});\n"],"names":["Box","React","style","className","as","children","width","minWidth","maxWidth","height","minHeight","maxHeight","zIndex","padding","paddingInline","paddingBlock","margin","marginBlock","marginInline","marginInlineStart","marginInlineEnd","marginTop","marginBottom","overflow","overflowX","overflowY","enableResizeOnTop","enableResizeOnEnd","enableResizeOnBottom","enableResizeOnStart","enableResizeOnLeft","enableResizeOnRight","onWidthResize","onHeightResize","onWidthResizeEnd","onHeightResizeEnd","horizontalHandleProps","verticalHandleProps","otherProps","ref","As","boxRef","useRef","forkedRef","useForkRef","hasHorizontalResize","hasVerticalResize","cannotHorizontalFlex","cannotVerticalFlex","warnHorizontalFlex","warnVerticalFlex","isFlexing","propStyles","isCustomSizeProp","jsxs","removeUndefinedProperties","classNames","styles","jsx","TopResizeHandle","BottomResizeHandle","StartResizeHandle","EndResizeHandle","LeftResizeHandle","RightResizeHandle"],"mappings":"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"}

package/dist/stacks/box/end_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface EndResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onWidthResize?: (value: number) => void;
+    onWidthResizeEnd?: (value: number) => void;
+}
+export declare function EndResizeHandle({ targetRef, handleProps, onWidthResize, onWidthResizeEnd, }: EndResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=end_resize_handle.d.ts.map

package/dist/stacks/box/end_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"end_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/end_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,EAAE,oBAAoB,2CAuBtB"}

package/dist/stacks/box/end_resize_handle.js

@@ -0,0 +1,33 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createHorizontalResizeHandler as l } from "./resize_handlers.js";
+import a from "classnames";
+import '../../end_resize_handle.css';const c = "_end-resize-handle_1c5e6ba", f = { "end-resize-handle": c };
+function x({
+  targetRef: s,
+  handleProps: e,
+  onWidthResize: n,
+  onWidthResizeEnd: t
+}) {
+  const i = l(
+    s,
+    n,
+    t
+  ), o = e?.offset ? e.offset : -8, r = {
+    ...e?.style,
+    "--resize-offset": `${o}px`,
+    width: e?.size || "16px"
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: a(f["end-resize-handle"], "end-resize-handle"),
+      onMouseDown: i,
+      style: r,
+      children: e?.children
+    }
+  );
+}
+export {
+  x as EndResizeHandle
+};
+//# sourceMappingURL=end_resize_handle.js.map

package/dist/stacks/box/end_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"end_resize_handle.js","sources":["../../../src/stacks/box/end_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './end_resize_handle.module.css';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport classNames from 'classnames';\nimport type { HandleProps } from './handle_props.js';\n\nexport interface EndResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onWidthResize?: (value: number) => void;\n  onWidthResizeEnd?: (value: number) => void;\n}\n\nexport function EndResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: EndResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const endResizeHandleStyle: any = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  };\n\n  return (\n    <div\n      className={classNames(styles['end-resize-handle'], 'end-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={endResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["EndResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","endResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAaO,SAASA,EAAgB;AAAA,EAC9B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAAyB;AACvB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA4B;AAAA,IAChC,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,mBAAmB,GAAG,mBAAmB;AAAA,MACtE,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/box/handle_props.d.ts

@@ -0,0 +1,7 @@
+export interface HandleProps {
+    size?: number;
+    offset?: number;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=handle_props.d.ts.map

package/dist/stacks/box/handle_props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle_props.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/handle_props.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/stacks/box/handle_props.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=handle_props.js.map

package/dist/stacks/box/handle_props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle_props.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/stacks/box/left_resize_handle.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { HandleProps } from './handle_props.js';
+export interface LeftResizeHandleProps {
+    targetRef: React.MutableRefObject<HTMLElement | null>;
+    handleProps?: HandleProps;
+    onWidthResize?: (value: number) => void;
+    onWidthResizeEnd?: (value: number) => void;
+}
+export declare function LeftResizeHandle({ targetRef, handleProps, onWidthResize, onWidthResizeEnd, }: LeftResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=left_resize_handle.d.ts.map

package/dist/stacks/box/left_resize_handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"left_resize_handle.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/left_resize_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,aAAa,EACb,gBAAgB,GACjB,EAAE,qBAAqB,2CAyBvB"}

package/dist/stacks/box/left_resize_handle.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createHorizontalResizeHandler as o } from "./resize_handlers.js";
+import a from "classnames";
+import '../../left_resize_handle.css';const z = "_left-resize-handle_215501a", c = { "left-resize-handle": z };
+function u({
+  targetRef: t,
+  handleProps: e,
+  onWidthResize: s,
+  onWidthResizeEnd: i
+}) {
+  const l = o(
+    t,
+    s,
+    i,
+    !0,
+    !0
+  ), f = e?.offset ? e.offset : -8, r = {
+    ...e?.style,
+    "--resize-offset": `${f}px`,
+    width: e?.size || "16px"
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: a(c["left-resize-handle"], "left-resize-handle"),
+      onMouseDown: l,
+      style: r,
+      children: e?.children
+    }
+  );
+}
+export {
+  u as LeftResizeHandle
+};
+//# sourceMappingURL=left_resize_handle.js.map

package/dist/stacks/box/left_resize_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"left_resize_handle.js","sources":["../../../src/stacks/box/left_resize_handle.tsx"],"sourcesContent":["import React from 'react';\nimport { HandleProps } from './handle_props.js';\nimport styles from './left_resize_handle.module.css';\nimport { createHorizontalResizeHandler } from './resize_handlers.js';\nimport classNames from 'classnames';\n\nexport interface LeftResizeHandleProps {\n  targetRef: React.MutableRefObject<HTMLElement | null>;\n  handleProps?: HandleProps;\n  onWidthResize?: (value: number) => void;\n  onWidthResizeEnd?: (value: number) => void;\n}\nexport function LeftResizeHandle({\n  targetRef,\n  handleProps,\n  onWidthResize,\n  onWidthResizeEnd,\n}: LeftResizeHandleProps) {\n  const resizeHandler = createHorizontalResizeHandler(\n    targetRef,\n    onWidthResize,\n    onWidthResizeEnd,\n    true,\n    true\n  );\n  const offset = handleProps?.offset ? handleProps.offset : -8;\n\n  const leftResizeHandleStyle: any = {\n    ...handleProps?.style,\n    '--resize-offset': `${offset}px`,\n    width: handleProps?.size || '16px',\n  };\n\n  return (\n    <div\n      className={classNames(styles['left-resize-handle'], 'left-resize-handle')}\n      onMouseDown={resizeHandler}\n      style={leftResizeHandleStyle}\n    >\n      {handleProps?.children}\n    </div>\n  );\n}\n"],"names":["LeftResizeHandle","targetRef","handleProps","onWidthResize","onWidthResizeEnd","resizeHandler","createHorizontalResizeHandler","offset","leftResizeHandleStyle","jsx","classNames","styles"],"mappings":";;;;AAYO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,GAA0B;AACxB,QAAMC,IAAgBC;AAAA,IACpBL;AAAA,IACAE;AAAA,IACAC;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIG,IAASL,GAAa,SAASA,EAAY,SAAS,IAEpDM,IAA6B;AAAA,IACjC,GAAGN,GAAa;AAAA,IAChB,mBAAmB,GAAGK,CAAM;AAAA,IAC5B,OAAOL,GAAa,QAAQ;AAAA,EAAA;AAG9B,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,oBAAoB,GAAG,oBAAoB;AAAA,MACxE,aAAaN;AAAA,MACb,OAAOG;AAAA,MAEN,UAAAN,GAAa;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/stacks/box/resize_handlers.d.ts

@@ -0,0 +1,3 @@
+export declare function createHorizontalResizeHandler(targetRef: React.MutableRefObject<HTMLElement | null>, onWidthResize?: (value: number) => void, onWidthResizeEnd?: (value: number) => void, invert?: boolean, disableDirection?: boolean): (event: React.MouseEvent) => void;
+export declare function createVerticalResizeHandler(targetRef: React.MutableRefObject<HTMLElement | null>, onHeightResize?: (value: number) => void, onHeightResizeEnd?: (value: number) => void, invert?: boolean): (event: React.MouseEvent) => void;
+//# sourceMappingURL=resize_handlers.d.ts.map

package/dist/stacks/box/resize_handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize_handlers.d.ts","sourceRoot":"","sources":["../../../src/stacks/box/resize_handlers.ts"],"names":[],"mappings":"AASA,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACvC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAC1C,MAAM,UAAQ,EACd,gBAAgB,UAAQ,IAEc,OAAO,KAAK,CAAC,UAAU,UAuD9D;AAED,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EACrD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAC3C,MAAM,UAAQ,IAGsB,OAAO,KAAK,CAAC,UAAU,UAgD5D"}