uifork 0.0.11 → 0.0.12

package/dist/index.js

@@ -1,7 +1,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`#uifork-root{--uifork-bg-dark: #262626;--uifork-bg-hover: #303030;--uifork-button-hover: #404040;--uifork-bg-input: #404040;--uifork-border-color: #2f2f2f;--uifork-text-primary: white;--uifork-text-secondary: #a3a3a3;--uifork-text-muted: #a3a3a3;--uifork-status-connected: #22c55e;--uifork-status-connecting: #eab308;--uifork-status-disconnected: #ef4444;--uifork-accent-success: #22c55e;--uifork-accent-danger: #ef4444;--uifork-accent-delete: #f87171;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .25);--uifork-bg: var(--uifork-bg-dark);--uifork-fg: var(--uifork-text-primary);--uifork-fg-secondary: var(--uifork-text-secondary);--uifork-hover-bg: rgba(255, 255, 255, .06);--uifork-bg-select: rgba(255, 255, 255, .06);--uifork-bg-select-hover: rgba(255, 255, 255, .1);--uifork-menu-item-height: 32px;--uifork-trigger-height: 32px}#uifork-root[data-theme=light]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-button-hover: #e5e5e5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){#uifork-root[data-theme=system]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}}@keyframes _popoverFadeIn_1lnls_1{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}._container_1lnls_74{position:fixed;z-index:1001;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);overflow:hidden;display:flex;flex-direction:column;border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._container_1lnls_74._containerClosed_1lnls_98{border-radius:16px}._container_1lnls_74[data-dragging=true],._container_1lnls_74[data-dragging=true] *{cursor:grabbing!important}._trigger_1lnls_112{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);cursor:pointer;background-color:transparent;border:none;white-space:nowrap;height:var(--uifork-trigger-height)}._trigger_1lnls_112:hover{background-color:var(--uifork-hover-bg)}._trigger_1lnls_112._triggerIconOnly_1lnls_129{padding:4px;box-sizing:border-box;width:var(--uifork-trigger-height);height:var(--uifork-trigger-height);justify-content:center}._trigger_1lnls_112._triggerEmpty_1lnls_136{padding:4px;box-sizing:border-box;width:32px;height:32px;justify-content:center}._statusIndicator_1lnls_145{width:8px;height:8px;border-radius:50%}._statusIndicatorConnected_1lnls_151{background-color:var(--uifork-status-connected)}._statusIndicatorConnecting_1lnls_155{background-color:var(--uifork-status-connecting)}._statusIndicatorDisconnected_1lnls_159{background-color:var(--uifork-status-disconnected)}._statusIndicatorFailed_1lnls_163{background-color:var(--uifork-status-disconnected);animation:_pulse_1lnls_1 2s ease-in-out infinite}@keyframes _pulse_1lnls_1{0%,to{opacity:1}50%{opacity:.5}}._menuItem_1lnls_179{height:var(--uifork-menu-item-height);min-height:var(--uifork-menu-item-height);border-radius:8px}._triggerSeparator_1lnls_186{color:var(--uifork-fg-secondary);margin:0 4px}._triggerLabel_1lnls_191,._triggerVersion_1lnls_192{white-space:nowrap}._triggerLabel_1lnls_191{font-weight:500}._triggerVersion_1lnls_192{color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129{width:16px;height:16px;transition:transform .2s,color .4s cubic-bezier(.4,0,.2,1),width .2s;color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129._triggerIconOpen_1lnls_214{transform:rotate(180deg)}._dropdown_1lnls_219{min-width:200px;padding:4px;box-sizing:border-box;display:flex;flex-direction:column}._componentSelectorRow_1lnls_228{display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}._componentSelector_1lnls_228{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;flex-shrink:0}._componentSelector_1lnls_228:hover{background-color:var(--uifork-hover-bg)}._componentSelectorLabel_1lnls_257{font-weight:500;color:var(--uifork-fg)}._componentSelectorIcon_1lnls_262{width:12px;height:12px;color:var(--uifork-fg-secondary);flex-shrink:0}._componentSelectorSettings_1lnls_269{padding:8px;box-sizing:border-box;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--uifork-fg);transition:background-color .15s}._componentSelectorSettings_1lnls_269:hover{background-color:var(--uifork-hover-bg)}._componentSelectorSettingsIcon_1lnls_286{width:16px;height:16px}._divider_1lnls_292{border-top:1px solid var(--uifork-border-color);margin:4px 0}._versionsList_1lnls_298{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:2px}._versionsList_1lnls_298::-webkit-scrollbar{width:4px}._versionsList_1lnls_298::-webkit-scrollbar-track{background:transparent}._versionsList_1lnls_298::-webkit-scrollbar-thumb{background:var(--uifork-border-color);border-radius:2px}._emptyState_1lnls_318{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-text-muted)}._emptyStateContainer_1lnls_325{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;gap:8px;text-align:center}._emptyStateHeading_1lnls_336{font-size:14px;font-weight:500;color:var(--uifork-fg);margin:0}._emptyStateText_1lnls_343{font-size:13px;color:var(--uifork-fg-secondary);margin:0;line-height:1.4;max-width:220px;text-wrap:balance}._inlineCode_1lnls_352{font-family:monospace;font-size:13px;background-color:var(--uifork-bg-input);padding:2px 4px;box-sizing:border-box;border-radius:3px;color:var(--uifork-fg)}._emptyStateCommandContainer_1lnls_362{display:flex;align-items:center;gap:4px;background-color:var(--uifork-bg-input);padding:4px 8px;box-sizing:border-box;border-radius:4px;margin-top:4px;border:none;cursor:pointer;transition:background-color .15s}._emptyStateCommandContainer_1lnls_362:hover{background-color:var(--uifork-hover-bg)}._emptyStateCommand_1lnls_362{font-size:13px;color:var(--uifork-fg);margin:0;font-family:monospace}._emptyStateCopyIcon_1lnls_386{width:14px;height:14px;color:var(--uifork-text-secondary);flex-shrink:0;transition:color .15s}._emptyStateCommandContainer_1lnls_362:hover ._emptyStateCopyIcon_1lnls_386{color:var(--uifork-text-primary)}._versionItem_1lnls_398{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._versionItem_1lnls_398:hover{background-color:var(--uifork-hover-bg)}._versionItem_1lnls_398{display:flex;align-items:center;gap:8px}._versionItem_1lnls_398:hover ._actions_1lnls_416{opacity:1}._checkmarkContainer_1lnls_421{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._checkmarkIcon_1lnls_430{width:16px;height:16px;opacity:.5}._versionLabel_1lnls_437{flex:1;display:flex;align-items:center;gap:8px}._versionId_1lnls_444{color:var(--uifork-fg)}._versionLabelText_1lnls_448{opacity:.5}._versionItemEditing_1lnls_453{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-hover-bg);border:none;border-radius:8px;display:flex;align-items:center;gap:8px}._renameInput_1lnls_467{flex:1;background-color:transparent;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);border:none;outline:none}._renameInput_1lnls_467::placeholder{color:var(--uifork-text-muted)}._actions_1lnls_416{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}._actionButton_1lnls_490{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer;color:var(--uifork-fg);transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;height:calc(var(--uifork-menu-item-height) - 8px);width:calc(var(--uifork-menu-item-height) - 8px)}._actionButton_1lnls_490:hover{background-color:var(--uifork-hover-bg)}._actionIcon_1lnls_509{width:14px;height:14px;color:var(--uifork-fg-secondary);transition:color .15s}._actionButton_1lnls_490:hover ._actionIcon_1lnls_509{color:var(--uifork-fg)}._disabled_1lnls_520{opacity:.4;cursor:not-allowed;pointer-events:none}._actionButtonMore_1lnls_526{position:relative}._popover_1lnls_531{position:fixed;z-index:1002;min-width:140px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:left center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._popoverMenuItem_1lnls_558{display:flex;width:100%;align-items:center;gap:8px;padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left}._popoverMenuItem_1lnls_558:hover{background-color:var(--uifork-hover-bg)}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575{color:var(--uifork-accent-delete)}._popoverMenuItemIcon_1lnls_579{width:16px;height:16px;color:var(--uifork-fg-secondary);flex-shrink:0}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575 ._popoverMenuItemIcon_1lnls_579{color:var(--uifork-accent-delete)}._confirmButton_1lnls_590{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer}._confirmIcon_1lnls_599{width:16px;height:16px;color:var(--uifork-accent-success)}._cancelIcon_1lnls_605{width:16px;height:16px;color:var(--uifork-accent-danger)}._newVersionButton_1lnls_612{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._newVersionButton_1lnls_612{display:flex;width:100%;align-items:center;gap:8px;text-align:left;color:var(--uifork-fg)}._newVersionButton_1lnls_612:hover{background-color:var(--uifork-hover-bg)}._newVersionIconContainer_1lnls_637{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._newVersionIcon_1lnls_637{width:16px;height:16px}._componentSelectorDropdown_1lnls_652{position:fixed;z-index:1002;width:max-content;min-width:220px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:right center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._componentSelectorItem_1lnls_680{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}._componentSelectorItem_1lnls_680:hover,._componentSelectorItem_1lnls_680._componentSelectorItemSelected_1lnls_695{background-color:var(--uifork-hover-bg)}._componentSelectorItemCheckmarkContainer_1lnls_699{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._componentSelectorItemCheckmark_1lnls_699{width:16px;height:16px}._componentSelectorItemName_1lnls_713{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._componentSelectorItemCount_1lnls_721{margin-left:auto;color:var(--uifork-text-muted);font-size:12px;flex-shrink:0}._componentSelectorDropdownTitle_1lnls_728{font-size:12px;color:var(--uifork-text-muted);margin-bottom:4px;padding-left:4px;box-sizing:border-box;font-weight:500}._componentSelectorDropdownHint_1lnls_737{font-size:11px;color:var(--uifork-text-muted);padding:6px 6px 4px;box-sizing:border-box;line-height:1.4;max-width:230px;display:flex;align-items:flex-start;gap:6px}._componentSelectorDropdownHintIcon_1lnls_749{flex-shrink:0;color:var(--uifork-text-muted);margin-top:1px}._componentSelectorDropdownHintCode_1lnls_755{display:inline-flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;background:var(--uifork-bg-hover);color:var(--uifork-fg);padding:2px 5px;box-sizing:border-box;border-radius:4px}._settingsView_1lnls_769{display:flex;flex-direction:column;gap:12px;padding:8px;box-sizing:border-box}._settingsBackButton_1lnls_777{position:relative;display:flex;align-items:center;gap:4px;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;z-index:1}._settingsBackButton_1lnls_777:before{content:"";position:absolute;inset:-6px -10px -6px -6px;background-color:transparent;border-radius:8px;transition:background-color .15s;z-index:-1}._settingsBackButton_1lnls_777:hover:before{background-color:var(--uifork-hover-bg)}._settingsBackIcon_1lnls_810{width:16px;height:16px;transform:rotate(180deg);margin-left:-2px}._settingsContent_1lnls_817{flex:1;display:flex;flex-direction:column;gap:12px}._settingsTitle_1lnls_824{font-size:16px;font-weight:500;color:var(--uifork-fg);margin:0 0 8px}._settingsText_1lnls_831{font-size:14px;color:var(--uifork-fg-secondary);margin:0;line-height:1.5}._settingsGroup_1lnls_838{display:flex;align-items:center;gap:8px}._settingsLabel_1lnls_844{font-size:13px;font-weight:500;color:var(--uifork-fg);white-space:nowrap;width:100px;text-align:left;flex-shrink:0}._settingsSelect_1lnls_854{flex:1;padding:0 30px 0 12px;box-sizing:border-box;height:var(--uifork-trigger-height);font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-bg-select);border:1px solid var(--uifork-border-color);border-radius:8px;cursor:pointer;outline:none;transition:background-color .15s,border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;text-align:left}._settingsSelect_1lnls_854:hover{background-color:var(--uifork-bg-select-hover);border-color:var(--uifork-border-color)}._settingsSelect_1lnls_854:focus{border-color:var(--uifork-border-color);background-color:var(--uifork-bg-select-hover);outline:2px solid var(--uifork-border-color);outline-offset:2px}._settingsSelect_1lnls_854 option{background-color:var(--uifork-bg-dark);color:var(--uifork-fg)}._settingsCheckboxGroup_1lnls_891{display:flex;flex-direction:column;align-items:flex-start;gap:0}._settingsCheckboxLabel_1lnls_898{display:flex;flex-direction:row;gap:10px;width:100%;cursor:pointer;align-items:flex-start}._settingsCheckboxInput_1lnls_907{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._settingsCheckboxVisual_1lnls_916{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--uifork-border-color);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-top:2px}._settingsCheckboxVisualChecked_1lnls_930{background-color:#3b82f6;border-color:#3b82f6}._settingsCheckboxContent_1lnls_935{display:flex;flex-direction:column;gap:0;flex:1}._settingsCheckboxLabelText_1lnls_942{width:auto;margin:0;font-size:14px}._settingsCheckboxDescription_1lnls_948{margin:0;font-size:13px;opacity:.8}._tooltip_1lnls_955{position:fixed;z-index:1003;padding:2px 6px;box-sizing:border-box;font-size:12px;color:var(--uifork-text-primary);background-color:var(--uifork-bg-dark);border:1px solid var(--uifork-border-color);border-radius:6px;box-shadow:var(--uifork-shadow-md);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease-in-out;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._tooltipVisible_1lnls_984{opacity:1}._offlineMessageCommandButton_1lnls_988{display:inline-flex;align-items:center;gap:4px;background-color:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box;transition:opacity .15s}._offlineMessageCommandButton_1lnls_988:hover{opacity:.8}._offlineMessageCopyIcon_1lnls_1004{width:12px;height:12px;color:var(--uifork-text-muted);flex-shrink:0;transition:color .15s}._offlineMessageCommandButton_1lnls_988:hover ._offlineMessageCopyIcon_1lnls_1004{color:var(--uifork-text-primary)}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
 "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),fe=require("react-dom"),A=require("motion/react"),T=require("@floating-ui/dom"),Ze="_container_1lnls_74",et="_containerClosed_1lnls_98",tt="_trigger_1lnls_112",nt="_triggerIconOnly_1lnls_129",ot="_triggerEmpty_1lnls_136",st="_statusIndicator_1lnls_145",rt="_statusIndicatorConnected_1lnls_151",ct="_statusIndicatorConnecting_1lnls_155",it="_statusIndicatorDisconnected_1lnls_159",lt="_statusIndicatorFailed_1lnls_163",at="_pulse_1lnls_1",ut="_menuItem_1lnls_179",dt="_triggerSeparator_1lnls_186",pt="_triggerLabel_1lnls_191",mt="_triggerVersion_1lnls_192",ft="_triggerIcon_1lnls_129",gt="_triggerIconOpen_1lnls_214",ht="_dropdown_1lnls_219",yt="_componentSelectorRow_1lnls_228",vt="_componentSelector_1lnls_228",_t="_componentSelectorLabel_1lnls_257",xt="_componentSelectorIcon_1lnls_262",kt="_componentSelectorSettings_1lnls_269",Ct="_componentSelectorSettingsIcon_1lnls_286",St="_divider_1lnls_292",bt="_versionsList_1lnls_298",wt="_emptyState_1lnls_318",It="_emptyStateContainer_1lnls_325",jt="_emptyStateHeading_1lnls_336",Et="_emptyStateText_1lnls_343",Nt="_inlineCode_1lnls_352",Mt="_emptyStateCommandContainer_1lnls_362",Tt="_emptyStateCommand_1lnls_362",Rt="_emptyStateCopyIcon_1lnls_386",Lt="_versionItem_1lnls_398",Vt="_actions_1lnls_416",Dt="_checkmarkContainer_1lnls_421",Pt="_checkmarkIcon_1lnls_430",$t="_versionLabel_1lnls_437",Ot="_versionId_1lnls_444",Bt="_versionLabelText_1lnls_448",Ht="_versionItemEditing_1lnls_453",At="_renameInput_1lnls_467",Ft="_actionButton_1lnls_490",Wt="_actionIcon_1lnls_509",zt="_disabled_1lnls_520",Gt="_actionButtonMore_1lnls_526",qt="_popover_1lnls_531",Ut="_popoverFadeIn_1lnls_1",Jt="_popoverMenuItem_1lnls_558",Xt="_popoverMenuItemDelete_1lnls_575",Kt="_popoverMenuItemIcon_1lnls_579",Yt="_confirmButton_1lnls_590",Qt="_confirmIcon_1lnls_599",Zt="_cancelIcon_1lnls_605",en="_newVersionButton_1lnls_612",tn="_newVersionIconContainer_1lnls_637",nn="_newVersionIcon_1lnls_637",on="_componentSelectorDropdown_1lnls_652",sn="_componentSelectorItem_1lnls_680",rn="_componentSelectorItemSelected_1lnls_695",cn="_componentSelectorItemCheckmarkContainer_1lnls_699",ln="_componentSelectorItemCheckmark_1lnls_699",an="_componentSelectorItemName_1lnls_713",un="_componentSelectorItemCount_1lnls_721",dn="_componentSelectorDropdownTitle_1lnls_728",pn="_componentSelectorDropdownHint_1lnls_737",mn="_componentSelectorDropdownHintIcon_1lnls_749",fn="_componentSelectorDropdownHintCode_1lnls_755",gn="_settingsView_1lnls_769",hn="_settingsBackButton_1lnls_777",yn="_settingsBackIcon_1lnls_810",vn="_settingsContent_1lnls_817",_n="_settingsTitle_1lnls_824",xn="_settingsText_1lnls_831",kn="_settingsGroup_1lnls_838",Cn="_settingsLabel_1lnls_844",Sn="_settingsSelect_1lnls_854",bn="_settingsCheckboxGroup_1lnls_891",wn="_settingsCheckboxLabel_1lnls_898",In="_settingsCheckboxInput_1lnls_907",jn="_settingsCheckboxVisual_1lnls_916",En="_settingsCheckboxVisualChecked_1lnls_930",Nn="_settingsCheckboxContent_1lnls_935",Mn="_settingsCheckboxLabelText_1lnls_942",Tn="_settingsCheckboxDescription_1lnls_948",Rn="_tooltip_1lnls_955",Ln="_tooltipVisible_1lnls_984",Vn="_offlineMessageCommandButton_1lnls_988",Dn="_offlineMessageCopyIcon_1lnls_1004",d={container:Ze,containerClosed:et,trigger:tt,triggerIconOnly:nt,triggerEmpty:ot,statusIndicator:st,statusIndicatorConnected:rt,statusIndicatorConnecting:ct,statusIndicatorDisconnected:it,statusIndicatorFailed:lt,pulse:at,menuItem:ut,triggerSeparator:dt,triggerLabel:pt,triggerVersion:mt,triggerIcon:ft,triggerIconOpen:gt,dropdown:ht,componentSelectorRow:yt,componentSelector:vt,componentSelectorLabel:_t,componentSelectorIcon:xt,componentSelectorSettings:kt,componentSelectorSettingsIcon:Ct,divider:St,versionsList:bt,emptyState:wt,emptyStateContainer:It,emptyStateHeading:jt,emptyStateText:Et,inlineCode:Nt,emptyStateCommandContainer:Mt,emptyStateCommand:Tt,emptyStateCopyIcon:Rt,versionItem:Lt,actions:Vt,checkmarkContainer:Dt,checkmarkIcon:Pt,versionLabel:$t,versionId:Ot,versionLabelText:Bt,versionItemEditing:Ht,renameInput:At,actionButton:Ft,actionIcon:Wt,disabled:zt,actionButtonMore:Gt,popover:qt,popoverFadeIn:Ut,popoverMenuItem:Jt,popoverMenuItemDelete:Xt,popoverMenuItemIcon:Kt,confirmButton:Yt,confirmIcon:Qt,cancelIcon:Zt,newVersionButton:en,newVersionIconContainer:tn,newVersionIcon:nn,componentSelectorDropdown:on,componentSelectorItem:sn,componentSelectorItemSelected:rn,componentSelectorItemCheckmarkContainer:cn,componentSelectorItemCheckmark:ln,componentSelectorItemName:an,componentSelectorItemCount:un,componentSelectorDropdownTitle:dn,componentSelectorDropdownHint:pn,componentSelectorDropdownHintIcon:mn,componentSelectorDropdownHintCode:fn,settingsView:gn,settingsBackButton:hn,settingsBackIcon:yn,settingsContent:vn,settingsTitle:_n,settingsText:xn,settingsGroup:kn,settingsLabel:Cn,settingsSelect:Sn,settingsCheckboxGroup:bn,settingsCheckboxLabel:wn,settingsCheckboxInput:In,settingsCheckboxVisual:jn,settingsCheckboxVisualChecked:En,settingsCheckboxContent:Nn,settingsCheckboxLabelText:Mn,settingsCheckboxDescription:Tn,tooltip:Rn,tooltipVisible:Ln,offlineMessageCommandButton:Vn,offlineMessageCopyIcon:Dn};var Pn={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};const E=(e,t,c,i)=>{const a=o.forwardRef(({color:u="currentColor",size:l=24,stroke:s=2,title:r,className:f,children:p,...h},m)=>o.createElement("svg",{ref:m,...Pn[e],width:l,height:l,className:["tabler-icon",`tabler-icon-${t}`,f].join(" "),strokeWidth:s,stroke:u,...h},[r&&o.createElement("title",{key:"svg-title"},r),...i.map(([y,_])=>o.createElement(y,_)),...Array.isArray(p)?p:[p]]));return a.displayName=`${c}`,a};const $n=[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]],On=E("outline","check","Check",$n);const Bn=[["path",{d:"M6 9l6 6l6 -6",key:"svg-0"}]],Hn=E("outline","chevron-down","ChevronDown",Bn);const An=[["path",{d:"M9 6l6 6l-6 6",key:"svg-0"}]],Fn=E("outline","chevron-right","ChevronRight",An);const Wn=[["path",{d:"M7 9.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667l0 -8.666",key:"svg-0"}],["path",{d:"M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1",key:"svg-1"}]],zn=E("outline","copy","Copy",Wn);const Gn=[["path",{d:"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-0"}],["path",{d:"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-1"}],["path",{d:"M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0",key:"svg-2"}]],qn=E("outline","dots-vertical","DotsVertical",Gn);const Un=[["path",{d:"M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6",key:"svg-0"}],["path",{d:"M11 13l9 -9",key:"svg-1"}],["path",{d:"M15 4h5v5",key:"svg-2"}]],Jn=E("outline","external-link","ExternalLink",Un);const Xn=[["path",{d:"M5 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-0"}],["path",{d:"M5 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-1"}],["path",{d:"M15 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-2"}],["path",{d:"M7 8l0 8",key:"svg-3"}],["path",{d:"M9 18h6a2 2 0 0 0 2 -2v-5",key:"svg-4"}],["path",{d:"M14 14l3 -3l3 3",key:"svg-5"}]],Kn=E("outline","git-branch","GitBranch",Xn);const Yn=[["path",{d:"M10 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-0"}],["path",{d:"M5 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-1"}],["path",{d:"M15 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-2"}],["path",{d:"M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2",key:"svg-3"}],["path",{d:"M12 12l0 4",key:"svg-4"}]],Qn=E("outline","git-fork","GitFork",Yn);const Zn=[["path",{d:"M5 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-0"}],["path",{d:"M5 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-1"}],["path",{d:"M15 12a2 2 0 1 0 4 0a2 2 0 1 0 -4 0",key:"svg-2"}],["path",{d:"M7 8l0 8",key:"svg-3"}],["path",{d:"M7 8a4 4 0 0 0 4 4h4",key:"svg-4"}]],eo=E("outline","git-merge","GitMerge",Zn);const to=[["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",key:"svg-0"}],["path",{d:"M12 9h.01",key:"svg-1"}],["path",{d:"M11 12h1v4h1",key:"svg-2"}]],no=E("outline","info-circle","InfoCircle",to);const oo=[["path",{d:"M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4",key:"svg-0"}],["path",{d:"M13.5 6.5l4 4",key:"svg-1"}]],so=E("outline","pencil","Pencil",oo);const ro=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M5 12l14 0",key:"svg-1"}]],co=E("outline","plus","Plus",ro);const io=[["path",{d:"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065",key:"svg-0"}],["path",{d:"M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0",key:"svg-1"}]],lo=E("outline","settings","Settings",io);const ao=[["path",{d:"M4 7l16 0",key:"svg-0"}],["path",{d:"M10 11l0 6",key:"svg-1"}],["path",{d:"M14 11l0 6",key:"svg-2"}],["path",{d:"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12",key:"svg-3"}],["path",{d:"M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3",key:"svg-4"}]],uo=E("outline","trash","Trash",ao);const po=[["path",{d:"M18 6l-12 12",key:"svg-0"}],["path",{d:"M6 6l12 12",key:"svg-1"}]],mo=E("outline","x","X",po);function fo({className:e}){return n.jsx(Hn,{className:e,size:16,stroke:2})}function go({className:e}){return n.jsx(lo,{className:e,size:16,stroke:1.5})}function X({className:e}){return n.jsx(On,{className:e,size:16,stroke:2})}function ho({className:e}){return n.jsx(no,{className:e,size:12,stroke:2})}const P=.3,H=[.04,1.02,.13,1.02],W="uifork-component-";function ge({isActive:e,refs:t,onClickOutside:c,additionalCheck:i}){o.useEffect(()=>{if(!e)return;const a=u=>{const l=u.target;for(const s of t)if(s.current?.contains(l))return;i?.(l)||c()};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[e,t,c,i])}function yo({selectedComponent:e,onToggle:t,onSettingsClick:c}){return n.jsxs("div",{className:d.componentSelectorRow,children:[n.jsxs("button",{"data-component-selector":!0,onClick:t,className:`${d.componentSelector} ${d.menuItem}`,children:[n.jsx(A.motion.span,{layoutId:"component-name",layout:"position",className:d.componentSelectorLabel,transition:{layout:{duration:P,ease:H}},children:e||"Select component"}),n.jsx(fo,{className:d.componentSelectorIcon})]}),n.jsx("button",{onClick:c,className:d.componentSelectorSettings,title:"Settings","aria-label":"Open settings",children:n.jsx(go,{className:d.componentSelectorSettingsIcon})})]})}function vo({mountedComponents:e,selectedComponent:t,isOpen:c,position:i,onSelect:a,onClose:u,componentSelectorRef:l,isConnected:s}){return ge({isActive:c,refs:[l],onClickOutside:u,additionalCheck:r=>!!r.closest?.("[data-component-selector]")}),c?n.jsxs("div",{ref:l,className:d.componentSelectorDropdown,style:{left:`${i.x}px`,top:`${i.y}px`,visibility:"hidden"},children:[n.jsx("div",{className:d.componentSelectorDropdownTitle,children:"Forked components"}),e.length===0?n.jsx("div",{className:d.emptyState,children:"No mounted components found"}):n.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"2px"},children:e.map(r=>n.jsxs("button",{onClick:()=>a(r.name),className:`${d.componentSelectorItem} ${d.menuItem} ${r.name===t?d.componentSelectorItemSelected:""}`,children:[n.jsx("div",{className:d.componentSelectorItemCheckmarkContainer,children:r.name===t&&n.jsx(X,{className:d.componentSelectorItemCheckmark})}),n.jsx("span",{className:d.componentSelectorItemName,children:r.name}),n.jsx("span",{className:d.componentSelectorItemCount,children:r.versions.length})]},r.name))}),s&&n.jsxs("div",{className:d.componentSelectorDropdownHint,children:[n.jsx(ho,{className:d.componentSelectorDropdownHintIcon}),n.jsxs("span",{children:["Use ",n.jsx("code",{className:d.componentSelectorDropdownHintCode,children:"npx uifork init"})," to iterate on more components"]})]})]}):null}function _o({className:e}){return n.jsx(Qn,{className:e,size:16,stroke:1.5})}function xo({className:e}){return n.jsx(qn,{className:e,size:16,stroke:2})}function ko({className:e}){return n.jsx(eo,{className:e,size:16,stroke:2})}function Co({className:e}){return n.jsx(Jn,{className:e,size:16,stroke:1.5})}function So({className:e}){return n.jsx(uo,{className:e,size:16,stroke:1.5})}function Se({className:e}){return n.jsx(so,{className:e,size:16,stroke:1.5})}function oe({icon:e,label:t,onClick:c,variant:i="default",stopPropagation:a=!1}){const u=l=>{a&&l.stopPropagation(),c(l)};return n.jsxs("button",{onClick:u,className:`${d.popoverMenuItem} ${d.menuItem} ${i==="delete"?d.popoverMenuItemDelete:""}`,children:[n.jsx(e,{className:d.popoverMenuItemIcon}),n.jsx("span",{children:t})]})}function bo({version:e,label:t,position:c,onPromote:i,onOpenInEditor:a,onDelete:u,onRename:l,onClose:s,setDropdownRef:r}){const f=t&&t.trim()?"Edit label":"Add label",p=o.useRef(null),h=o.useCallback(y=>{p.current=y,r(y)},[r]);ge({isActive:!0,refs:[p],onClickOutside:s,additionalCheck:y=>!!y.closest?.("[data-actions]")});const m=typeof document<"u"?document.getElementById("uifork-root")||document.body:null;return m?fe.createPortal(n.jsxs("div",{ref:h,className:d.popover,"data-popover-dropdown":!0,style:{visibility:"hidden"},role:"menu",children:[n.jsx(oe,{icon:Se,label:f,stopPropagation:!0,onClick:y=>{l(e,y),s()}}),n.jsx(oe,{icon:ko,label:"Promote",onClick:y=>{i(e,y),s()}}),n.jsx(oe,{icon:Co,label:"Open in editor",onClick:y=>{a(e,y),s()}}),n.jsx("div",{className:d.divider}),n.jsx(oe,{icon:So,label:"Delete",variant:"delete",stopPropagation:!0,onClick:y=>{u(e,y),s()}})]}),m):null}let he=!1,be=0;const wo=1e3;function Io(){he=!0,be=Date.now()}function ue(){he=!1}function jo(){const e=Date.now()-be;return he||e<wo}function se({label:e,children:t,placement:c="top"}){const[i,a]=o.useState(!1),[u,l]=o.useState({x:0,y:0}),s=o.useRef(null),r=o.useRef(null),f=o.useRef(null),p=o.useRef(null),h=o.useRef(null);o.useEffect(()=>{const k=document.getElementById("uifork-root");k&&(h.current=k)},[]),o.useEffect(()=>{if(!i||!s.current||!r.current)return;let k=null,g=!1;const x=async()=>{if(!(g||!s.current||!r.current))try{const{x:S,y:I}=await T.computePosition(s.current,r.current,{placement:c,strategy:"fixed",middleware:[T.offset(8),T.shift({padding:8})]});g||(l({x:S,y:I}),r.current&&(r.current.style.visibility="visible",r.current.classList.add(d.tooltipVisible)))}catch{}};return r.current&&(r.current.style.visibility="hidden"),x(),s.current&&r.current&&(k=T.autoUpdate(s.current,r.current,x)),()=>{g=!0,k&&k(),r.current&&r.current.classList.remove(d.tooltipVisible)}},[i,c]);const m=()=>{p.current&&(clearTimeout(p.current),p.current=null),f.current&&clearTimeout(f.current);const g=jo()?0:300;f.current=setTimeout(()=>{a(!0),f.current=null},g)},y=()=>{f.current&&(clearTimeout(f.current),f.current=null),p.current=setTimeout(()=>{a(!1),ue(),p.current=null},150)};o.useEffect(()=>{i?Io():ue()},[i]),o.useEffect(()=>()=>{f.current&&clearTimeout(f.current),p.current&&clearTimeout(p.current),i&&ue()},[i]);const _=o.cloneElement(t,{ref:k=>{s.current=k;const g=t.ref;g&&(typeof g=="function"?g(k):g.current=k)},onMouseEnter:k=>{m(),t.props.onMouseEnter?.(k)},onMouseLeave:k=>{y(),t.props.onMouseLeave?.(k)}}),b=h.current||document.getElementById("uifork-root")||document.body;return n.jsxs(n.Fragment,{children:[_,i&&fe.createPortal(n.jsx("div",{ref:r,className:d.tooltip,style:{left:`${u.x}px`,top:`${u.y}px`,visibility:"hidden"},role:"tooltip",children:e}),b)]})}function Eo({version:e,label:t,isSelected:c,formatVersionLabel:i,popoverPosition:a,isPopoverOpen:u,isConnected:l,onSelect:s,onDuplicate:r,onTogglePopover:f,onPromote:p,onOpenInEditor:h,onDelete:m,onRename:y,setPopoverTriggerRef:_,setPopoverDropdownRef:b}){const k=i(e);return n.jsxs("div",{role:"option","aria-selected":c,"data-key":e,onClick:()=>s(e),className:`${d.versionItem} ${d.menuItem}`,children:[n.jsx("div",{className:d.checkmarkContainer,children:c&&n.jsx(X,{className:d.checkmarkIcon})}),n.jsxs("div",{className:d.versionLabel,children:[n.jsx("span",{className:d.versionId,children:k}),t&&n.jsx("span",{className:d.versionLabelText,children:t})]}),l&&n.jsxs("div",{"data-actions":!0,className:d.actions,onClick:g=>g.stopPropagation(),children:[n.jsx(se,{label:"Fork version",placement:"top",children:n.jsx("button",{onClick:g=>{g.stopPropagation(),r(e,g)},className:d.actionButton,children:n.jsx(_o,{className:d.actionIcon})})}),n.jsxs("div",{className:d.actionButtonMore,children:[n.jsx(se,{label:"More options",placement:"top",children:n.jsx("button",{ref:g=>_(e,g),onClick:g=>{g.stopPropagation(),f(e,g)},className:d.actionButton,children:n.jsx(xo,{className:d.actionIcon})})}),u&&n.jsx(bo,{version:e,label:t,position:a||{x:0,y:0},onPromote:p,onOpenInEditor:h,onDelete:m,onRename:y,onClose:()=>f(e),setDropdownRef:g=>b(e,g)})]})]})]})}function No({className:e}){return n.jsx(mo,{className:e,size:16,stroke:2})}const Mo=o.forwardRef(function({containerStyle:t,containerClassName:c,className:i,value:a,placeholder:u,...l},s){const r=o.useRef(null),f=o.useRef(null),[p,h]=o.useState(void 0);return o.useImperativeHandle(s,()=>r.current),o.useLayoutEffect(()=>{if(f.current){const m=a?.toString()||u||"";f.current.textContent=m||" ";const y=f.current.offsetWidth;h(y+2)}},[a,u]),n.jsxs("span",{className:c,style:{display:"inline-block",position:"relative",overflow:"hidden",...t},children:[n.jsx("span",{ref:f,"aria-hidden":"true",style:{position:"absolute",visibility:"hidden",whiteSpace:"pre",font:"inherit",letterSpacing:"inherit",textTransform:"inherit"}}),n.jsx("input",{ref:r,type:"text",value:a,placeholder:u,className:i,style:{width:p!==void 0?`${p}px`:void 0,maxWidth:"100%",font:"inherit",letterSpacing:"inherit",textTransform:"inherit",boxSizing:"border-box",minWidth:0},...l})]})});function To({version:e,value:t,onChange:c,formatVersionLabel:i,onConfirm:a,onCancel:u}){const l=o.useRef(null),s=i(e);return o.useEffect(()=>{l.current&&(l.current.focus(),l.current.select())},[]),n.jsxs("div",{className:`${d.versionItemEditing} ${d.menuItem}`,onClick:r=>r.stopPropagation(),children:[n.jsx("div",{className:d.checkmarkContainer,children:n.jsx(Se,{className:d.checkmarkIcon})}),n.jsxs("div",{className:d.versionLabel,children:[n.jsx("span",{className:d.versionId,children:s}),n.jsx(Mo,{ref:l,value:t,onChange:r=>c(r.target.value),onKeyDown:r=>{r.key==="Enter"?(r.preventDefault(),r.stopPropagation(),a(e)):r.key==="Escape"&&(r.preventDefault(),r.stopPropagation(),u())},onClick:r=>r.stopPropagation(),className:d.renameInput,placeholder:"Add label",containerStyle:{minWidth:60,maxWidth:220}})]}),n.jsxs("div",{className:d.actions,style:{opacity:1},children:[n.jsx(se,{label:"Confirm",placement:"top",children:n.jsx("button",{onClick:r=>{r.stopPropagation(),a(e)},className:d.actionButton,children:n.jsx(X,{className:d.actionIcon})})}),n.jsx(se,{label:"Cancel",placement:"top",children:n.jsx("button",{onClick:r=>{r.stopPropagation(),u()},className:d.actionButton,children:n.jsx(No,{className:d.actionIcon})})})]})]})}function Ro({versions:e,activeVersion:t,editingVersion:c,renameValue:i,formatVersionLabel:a,openPopoverVersion:u,popoverPositions:l,isConnected:s,onSelectVersion:r,onDuplicateVersion:f,onTogglePopover:p,onPromoteVersion:h,onOpenInEditor:m,onDeleteVersion:y,onRenameVersion:_,onRenameValueChange:b,onConfirmRename:k,onCancelRename:g,setPopoverTriggerRef:x,setPopoverDropdownRef:S}){return e.length===0?n.jsx("div",{className:d.emptyState,children:"No versions found"}):n.jsx("div",{className:d.versionsList,children:e.slice().reverse().map(I=>{const{key:C,label:j}=I,N=C===t;return c===C?n.jsx(To,{version:C,value:i,onChange:b,formatVersionLabel:a,onConfirm:k,onCancel:g},C):n.jsx(Eo,{version:C,label:j,isSelected:N,formatVersionLabel:a,popoverPosition:l.get(C),isPopoverOpen:u===C,isConnected:s,onSelect:r,onDuplicate:f,onTogglePopover:p,onPromote:h,onOpenInEditor:m,onDelete:y,onRename:_,setPopoverTriggerRef:x,setPopoverDropdownRef:S},C)})})}function Lo({className:e}){return n.jsx(Fn,{className:e,size:16,stroke:2})}function Vo({onBack:e,theme:t,setTheme:c,position:i,setPosition:a,codeEditor:u,setCodeEditor:l}){return n.jsxs("div",{className:d.settingsView,children:[n.jsxs("button",{onClick:e,className:d.settingsBackButton,style:{width:"auto",alignSelf:"flex-start"},children:[n.jsx(Lo,{className:d.settingsBackIcon}),n.jsx("span",{children:"Back"})]}),n.jsxs("div",{className:d.settingsContent,children:[n.jsxs("div",{className:d.settingsGroup,children:[n.jsx("label",{className:d.settingsLabel,children:"Theme"}),n.jsxs("select",{value:t,onChange:s=>c(s.target.value),className:d.settingsSelect,children:[n.jsx("option",{value:"light",children:"Light"}),n.jsx("option",{value:"dark",children:"Dark"}),n.jsx("option",{value:"system",children:"System"})]})]}),n.jsxs("div",{className:d.settingsGroup,children:[n.jsx("label",{className:d.settingsLabel,children:"Position"}),n.jsxs("select",{value:i,onChange:s=>a(s.target.value),className:d.settingsSelect,children:[n.jsx("option",{value:"top-left",children:"Top left"}),n.jsx("option",{value:"top-right",children:"Top right"}),n.jsx("option",{value:"bottom-left",children:"Bottom left"}),n.jsx("option",{value:"bottom-right",children:"Bottom right"})]})]}),n.jsxs("div",{className:d.settingsGroup,children:[n.jsx("label",{className:d.settingsLabel,children:"Code editor"}),n.jsxs("select",{value:u,onChange:s=>l(s.target.value),className:d.settingsSelect,children:[n.jsx("option",{value:"vscode",children:"VSCode"}),n.jsx("option",{value:"cursor",children:"Cursor"})]})]})]})]})}function we({className:e}){return n.jsx(zn,{className:e,size:16,stroke:1.5})}function Do({onCopyCommand:e,copied:t}){return n.jsxs("div",{className:d.emptyStateContainer,children:[n.jsx("h3",{className:d.emptyStateHeading,children:"Get started with uifork"}),n.jsx("p",{className:d.emptyStateText,children:"Choose a component and run the command in your root directory"}),n.jsxs("button",{onClick:e,className:d.emptyStateCommandContainer,title:"Copy command","aria-label":"Copy command to clipboard",children:[n.jsx("code",{className:d.emptyStateCommand,children:"npx uifork <path to file>"}),t?n.jsx(X,{className:d.emptyStateCopyIcon}):n.jsx(we,{className:d.emptyStateCopyIcon})]})]})}function Po({className:e}){return n.jsx(co,{className:e,size:16,stroke:2})}function $o({onClick:e,disabled:t}){return n.jsxs("button",{onClick:t?void 0:e,className:`${d.newVersionButton} ${d.menuItem} ${t?d.disabled:""}`,title:t?"Connect to server to create new versions":"Create new version","aria-disabled":t,children:[n.jsx("div",{className:d.newVersionIconContainer,children:n.jsx(Po,{className:d.newVersionIcon})}),n.jsx("span",{children:"New version"})]})}function Ie(){return typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname.startsWith("127.0.0.1")||window.location.hostname.startsWith("192.168.")||window.location.protocol==="file:")}function Oo(){const[e,t]=o.useState(!1),c=o.useCallback(async()=>{const i="npx uifork watch";try{await navigator.clipboard.writeText(i),t(!0),setTimeout(()=>t(!1),2e3)}catch{}},[]);return Ie()?n.jsx("div",{className:d.componentSelectorDropdownHint,children:n.jsxs("span",{children:["Run"," ",n.jsx("button",{onClick:c,className:d.offlineMessageCommandButton,title:"Copy command","aria-label":"Copy command to clipboard",children:n.jsxs("code",{className:d.componentSelectorDropdownHintCode,children:["npx uifork watch"," ",e?n.jsx(X,{className:d.offlineMessageCopyIcon}):n.jsx(we,{className:d.offlineMessageCopyIcon})]})})," ","to fork, create, and promote versions from here."]})}):null}function Bo({port:e,selectedComponent:t,onFileChanged:c,onComponentsUpdate:i,onVersionAck:a,onPromoted:u,onError:l}){const[s,r]=o.useState(null),[f,p]=o.useState("disconnected"),h=o.useRef(t),m=o.useRef(c),y=o.useRef(i),_=o.useRef(a),b=o.useRef(u),k=o.useRef(l),g=o.useRef(null),x=o.useRef(!1),S=o.useRef(null),I=o.useRef(!0),C=o.useRef(!1),j=o.useRef(0),N=o.useRef("disconnected");o.useEffect(()=>{S.current=s},[s]),o.useEffect(()=>{N.current=f},[f]),o.useEffect(()=>{h.current=t},[t]),o.useEffect(()=>{m.current=c,y.current=i,_.current=a,b.current=u,k.current=l},[c,i,a,u,l]);const D=o.useCallback(()=>{if(S.current?.readyState===WebSocket.OPEN||x.current)return;const z=`ws://localhost:${e}/ws`;x.current=!0,(j.current===0||C.current)&&N.current!=="failed"&&p("connecting"),j.current++;const V=new WebSocket(z);let G=!1;V.onopen=()=>{G=!0,C.current=!0,j.current=0,x.current=!1,p("connected"),r(V),S.current=V,m.current?.(),g.current&&(clearTimeout(g.current),g.current=null)},V.onclose=()=>{x.current=!1,G?p("disconnected"):N.current!=="failed"&&p("failed"),r(null),S.current=null,I.current&&(g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{g.current=null,I.current&&D()},3e3))},V.onerror=Y=>{x.current=!1,G?p("disconnected"):N.current!=="failed"&&p("failed")},V.onmessage=Y=>{try{const M=JSON.parse(Y.data);if(M.type==="components"&&M.payload?.components)y.current?.(M.payload.components);else if(M.type==="file_changed")m.current?.();else if(M.type==="ack"&&M.payload?.version){const Q=M.payload.message||"",re=M.payload.newVersion;if(Q.includes("promoted")){const ce=M.payload.component||h.current;b.current?.(ce);return}_.current?.({version:M.payload.version,message:Q,newVersion:re})}else M.type==="error"&&k.current?.(M.payload?.message||"Unknown error")}catch{}}},[e]);o.useEffect(()=>(I.current=!0,j.current=0,S.current?.readyState===WebSocket.OPEN&&S.current.close(),g.current&&(clearTimeout(g.current),g.current=null),D(),()=>{I.current=!1,g.current&&(clearTimeout(g.current),g.current=null),S.current?.readyState===WebSocket.OPEN&&S.current.close()}),[e,D]);const K=o.useCallback((z,V)=>{s&&s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:z,payload:{...V,component:h.current}}))},[s]);return{connectionStatus:f,sendMessage:K}}function $(e,t,c=!1){const[i,a]=o.useState(()=>{if(typeof window>"u")return t;try{const l=window.localStorage.getItem(e);return l?JSON.parse(l):t}catch{return t}}),u=o.useCallback(l=>{try{a(s=>{const r=l instanceof Function?l(s):l;return typeof window<"u"&&(r===""&&typeof t=="string"?(window.localStorage.removeItem(e),c&&window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:null}))):(window.localStorage.setItem(e,JSON.stringify(r)),c&&window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:JSON.stringify(r)})))),r})}catch{}},[e,c,t]);return o.useEffect(()=>{if(!c)return;const l=s=>{if(s.key===e&&s.newValue)try{a(JSON.parse(s.newValue))}catch{}};return window.addEventListener("storage",l),()=>window.removeEventListener("storage",l)},[e,c]),[i,u]}const O=new Map,pe=new Set;function je(e,t=[]){const c=O.get(e);c?O.set(e,{versions:t,refCount:c.refCount+1}):(O.set(e,{versions:t,refCount:1}),Ne())}function Ee(e){const t=O.get(e);t&&(t.refCount>1?O.set(e,{versions:t.versions,refCount:t.refCount-1}):(O.delete(e),Ne()))}function Ho(){return Array.from(O.keys())}function Ao(){return Array.from(O.entries()).map(([e,{versions:t}])=>({name:e,versions:t}))}function Fo(e){return pe.add(e),()=>{pe.delete(e)}}function Ne(){pe.forEach(e=>e())}function Wo({port:e}){const[t,c]=o.useState([]),[i,a]=o.useState([]),[u,l]=o.useState([]),[s,r]=$("uifork-selected-component","",!0),f=o.useMemo(()=>t.length>0?t.map(m=>{const y=i.find(b=>b.name===m.name),_=m.versions.map(b=>{const k=y?.versions.find(g=>g.key===b);return{key:b,label:k?.label}});return{name:m.name,path:m.path,versions:_}}):i.map(m=>({name:m.name,path:"",versions:m.versions})),[t,i]),p=o.useMemo(()=>f.filter(m=>u.includes(m.name)),[f,u]),h=o.useCallback(m=>{c(m),!s&&m.length>0&&r(m[0].name)},[s,r]);return o.useEffect(()=>{const m=()=>{l(Ho()),a(Ao())};return m(),Fo(m)},[]),o.useEffect(()=>{if(s&&u.length>0&&!u.includes(s)){const m=f.find(y=>u.includes(y.name));m&&r(m.name)}else if(!s&&u.length>0&&f.length>0){const m=f.find(y=>u.includes(y.name));m&&r(m.name)}},[s,u,f,r]),{components:f,mountedComponents:p,mountedComponentIds:u,selectedComponent:s,setSelectedComponent:r,onComponentsUpdate:h}}function zo({selectedComponent:e,versions:t}){const c=t.map(g=>g.key),i=`${W}${e||"uifork-default"}`,[a,u]=$(i,"",!0),[l,s]=o.useState(null),[r,f]=o.useState(""),p=o.useRef(null);o.useEffect(()=>{p.current=l},[l]),o.useEffect(()=>{if(e&&c.length>0){const g=`${W}${e}-pending-version`,x=localStorage.getItem(g);if(x&&c.includes(x))u(x),localStorage.removeItem(g);else if(!c.includes(a)){const S=`${W}${e}`,I=localStorage.getItem(S),C=I?JSON.parse(I):null;C&&c.includes(C)?u(C):u(c[0])}}},[e,c,a,u]);const h=o.useCallback(g=>{const x=`${W}${e}-pending-version`;localStorage.setItem(x,g)},[e]),m=o.useCallback(g=>t.find(x=>x.key===g)?.label,[t]),y=o.useCallback(g=>{s(g);const x=m(g)||"";f(x)},[m]),_=o.useCallback(g=>{const x=r.trim(),S=m(g)||"";return x===S?(s(null),f(""),null):(s(null),f(""),x)},[r,m]),b=o.useCallback(()=>{s(null),f("")},[]),k=o.useCallback(()=>{p.current&&(s(null),f(""))},[]);return{activeVersion:a,setActiveVersion:u,editingVersion:l,renameValue:r,setRenameValue:f,startRename:y,confirmRename:_,cancelRename:b,clearEditingOnError:k,storePendingVersion:h,versionKeys:c}}function Go({openPopoverVersion:e}){const t=o.useRef(new Map),c=o.useRef(new Map),i=o.useRef(new Map);o.useEffect(()=>{if(!e)return;let l=null,s=!1;const r=()=>{const p=t.current.get(e),h=c.current.get(e);if(!p||!h){s||requestAnimationFrame(r);return}const m=async()=>{if(!s)try{const{x:y,y:_}=await T.computePosition(p,h,{placement:"bottom-end",strategy:"fixed",middleware:[T.offset(4),T.flip({fallbackPlacements:["bottom-start","top-end","top-start"]}),T.shift({padding:8})]});s||(i.current.set(e,{x:y,y:_}),h.style.left=`${y}px`,h.style.top=`${_}px`,h.style.visibility="visible",h.classList.add(d.popoverVisible))}catch{}};h.style.visibility="hidden",m(),l=T.autoUpdate(p,h,m)},f=requestAnimationFrame(r);return()=>{s=!0,cancelAnimationFrame(f),l&&l();const p=c.current.get(e);p&&p.classList.remove(d.popoverVisible)}},[e]);const a=(l,s)=>{s?t.current.set(l,s):t.current.delete(l)},u=(l,s)=>{s?c.current.set(l,s):c.current.delete(l)};return{popoverPositions:i.current,setPopoverTriggerRef:a,setPopoverDropdownRef:u}}function qo({versionKeys:e,activeVersion:t,setActiveVersion:c}){o.useEffect(()=>{const i=a=>{if(!a.metaKey&&!a.ctrlKey||e.length===0)return;const u=e.indexOf(t);if(a.key==="ArrowDown"){a.preventDefault();const l=u-1;c(e[l>=0?l:e.length-1])}if(a.key==="ArrowUp"){a.preventDefault();const l=u+1;c(e[l<e.length?l:0])}};return window.addEventListener("keydown",i,{capture:!0}),()=>window.removeEventListener("keydown",i,{capture:!0})},[t,e,c])}function Uo({isOpen:e,containerRef:t,triggerRef:c,openPopoverVersion:i,isComponentSelectorOpen:a,editingVersion:u,onClosePopover:l,onCloseComponentSelector:s,onCancelRename:r,onClose:f}){o.useEffect(()=>{if(!e)return;const p=h=>{if(h.key==="Escape"){if(i){l();return}if(a){s();return}if(u){r();return}f(),c.current?.focus()}};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[e,t,c,i,a,u,l,s,r,f])}function Jo({isOpen:e,containerRef:t,setPosition:c}){const[i,a]=o.useState(!1),[u,l]=o.useState(!1),[s,r]=o.useState(!1),[f,p]=o.useState(null),h=A.useDragControls(),m=5,y=o.useCallback((g,x)=>{const S=window.innerWidth,I=window.innerHeight,C=S/2,j=I/2;return g<C&&x<j?"top-left":g>=C&&x<j?"top-right":g<C&&x>=j?"bottom-left":"bottom-right"},[]),_=o.useCallback((g,x)=>{if(a(!1),r(!1),p(null),document.body.style.removeProperty("cursor"),document.body.style.userSelect="",t.current&&(t.current.style.removeProperty("cursor"),t.current.removeAttribute("data-drag-tracking"),t.current.removeAttribute("data-dragging")),!t.current)return;const S=t.current.getBoundingClientRect(),I=S.left+S.width/2,C=S.top+S.height/2,j=y(I,C);c(j),l(!0)},[y,c,t]),b=o.useCallback(g=>{if(e)return;const x=g.nativeEvent;p({x:g.clientX,y:g.clientY,event:x}),r(!1),t.current&&t.current.setAttribute("data-drag-tracking","true")},[e,t]);o.useEffect(()=>{if(!f||e)return;const g=S=>{const I=Math.abs(S.clientX-f.x),C=Math.abs(S.clientY-f.y);Math.sqrt(I*I+C*C)>m&&!s&&(r(!0),l(!1),h.start(S,{snapToCursor:!0}))},x=()=>{s||(p(null),r(!1),document.body.style.removeProperty("cursor"),t.current&&(t.current.style.removeProperty("cursor"),t.current.removeAttribute("data-drag-tracking")))};return window.addEventListener("pointermove",g),window.addEventListener("pointerup",x),()=>{window.removeEventListener("pointermove",g),window.removeEventListener("pointerup",x)}},[f,e,s,h,t]);const k=o.useCallback(()=>{a(!0),l(!1),document.body.style.setProperty("cursor","grabbing","important"),document.body.style.userSelect="none",t.current&&(t.current.style.setProperty("cursor","grabbing","important"),t.current.setAttribute("data-dragging","true"))},[t]);return o.useEffect(()=>{if(u&&!i){const g=setTimeout(()=>{l(!1)},P*1e3+50);return()=>clearTimeout(g)}},[u,i]),o.useEffect(()=>{e&&(i||s)&&(a(!1),r(!1),p(null),document.body.style.cursor="",document.body.style.userSelect="")},[e,i,s]),o.useEffect(()=>()=>{document.body.style.removeProperty("cursor"),document.body.style.userSelect="",t.current&&(t.current.style.removeProperty("cursor"),t.current.removeAttribute("data-drag-tracking"),t.current.removeAttribute("data-dragging"))},[t]),{isDragging:i,resetDrag:u,dragEnabled:s,dragControls:h,handlePointerDown:b,handleDragStart:k,handleDragEnd:_}}function Xo(e,t=20){return{"top-left":{top:`${t}px`,left:`${t}px`,bottom:"auto",right:"auto"},"top-right":{top:`${t}px`,right:`${t}px`,bottom:"auto",left:"auto"},"bottom-left":{bottom:`${t}px`,left:`${t}px`,top:"auto",right:"auto"},"bottom-right":{bottom:`${t}px`,right:`${t}px`,top:"auto",left:"auto"}}[e]}function Ko(e){return{"top-left":"top left","top-right":"top right","bottom-left":"bottom left","bottom-right":"bottom right"}[e]}function Yo({position:e,isComponentSelectorOpen:t,containerRef:c,componentSelectorRef:i,enableElementAwarePositioning:a=!1}){const[u,l]=o.useState({x:0,y:0}),s=ss(a),r=o.useMemo(()=>{const p=Xo(e);if(!a)return p;const m=(s||[]).filter(y=>y.position===e&&y.offset<=Qo)[0];if(m){const y=m.offset+m.width+m.offset,_=window.innerHeight;switch(e){case"top-left":return{...p,top:`${m.rect.top}px`,left:`${y}px`};case"top-right":return{...p,top:`${m.rect.top}px`,right:`${y}px`};case"bottom-left":return{...p,bottom:`${_-m.rect.bottom}px`,left:`${y}px`};case"bottom-right":return{...p,bottom:`${_-m.rect.bottom}px`,right:`${y}px`}}}return p},[e,s,a]),f=o.useMemo(()=>Ko(e),[e]);return o.useEffect(()=>{if(!t||!c.current||!i.current)return;const p=async()=>{try{const{x:m,y}=await T.computePosition(c.current,i.current,{placement:"left-start",strategy:"fixed",middleware:[T.offset(4),T.flip(),T.shift({padding:8})]});l({x:m,y}),i.current&&(i.current.style.visibility="visible")}catch{}};return i.current&&(i.current.style.visibility="hidden"),p(),T.autoUpdate(c.current,i.current,p)},[t,c,i]),{containerPosition:r,transformOrigin:f,componentSelectorPosition:u}}const Qo=50;function Zo(){const e=document.querySelectorAll('[data-nextjs-dev-overlay="true"]');for(const t of e)if(t instanceof HTMLElement){const c=t.shadowRoot,i=t.querySelector("nextjs-portal");if(i instanceof HTMLElement){const a=i.shadowRoot;if(a){const u=a.getElementById("devtools-indicator");if(u instanceof HTMLElement)return u;const l=a.querySelector("#devtools-indicator");if(l instanceof HTMLElement)return l}}if(c){const a=c.getElementById("devtools-indicator");if(a instanceof HTMLElement)return a}}return null}function es(){const e=document.querySelectorAll("vercel-live-feedback");for(const t of e)if(t instanceof HTMLElement){const c=t.shadowRoot;if(c){const i=c.getElementById("shadow-container");if(i){const a=Array.from(i.children);for(const s of a)if(s instanceof HTMLElement&&window.getComputedStyle(s).position==="fixed")return s;const u=i.querySelectorAll("*");for(const s of u)if(s instanceof HTMLElement&&window.getComputedStyle(s).position==="fixed")return s;if(window.getComputedStyle(i).position==="fixed")return i}else{const a=Array.from(c.children);for(const u of a)if(u instanceof HTMLElement&&window.getComputedStyle(u).position==="fixed")return u}}}return null}function ts(e){if(!e||e==="none")return{x:0,y:0};const t=e.trim().split(/\s+/),c=parseFloat(t[0])||0,i=parseFloat(t[1])||0;return{x:c,y:i}}function ns(e){const t=e.querySelector(".dev-tools-grabbing");if(t instanceof HTMLElement){const c=t.style.translate;return ts(c)}return{x:0,y:0}}function me(e,t,c,i,a,u,l=!1){if(t&&t.contains(e)||window.getComputedStyle(e).position!=="fixed")return null;const r=e.getBoundingClientRect(),f=l?ns(e):{x:0,y:0},p={top:r.top+f.y,bottom:r.bottom+f.y,left:r.left+f.x,right:r.right+f.x},h=p.left+r.width/2,m=p.top+r.height/2;let y;m<u?y=h<a?"top-left":"top-right":y=h<a?"bottom-left":"bottom-right";let _;switch(y){case"top-left":_=Math.max(p.left,p.top);break;case"top-right":_=Math.max(c-p.right,p.top);break;case"bottom-left":_=Math.max(p.left,i-p.bottom);break;case"bottom-right":_=Math.max(c-p.right,i-p.bottom);break}return{element:e,position:y,offset:_,width:r.width,height:r.height,rect:p,isNextJSDevTools:l}}function de(e,t,c,i,a,u,l,s=!1){const r=me(e,t,c,i,a,u,s);r&&l.push(r)}function os(){const e=document.body.querySelectorAll("*"),t=document.getElementById("uifork-root"),c=window.innerWidth,i=window.innerHeight,a=c/2,u=i/2,l=[];e.forEach(f=>{f instanceof HTMLElement&&de(f,t,c,i,a,u,l)});const s=Zo();s&&de(s,t,c,i,a,u,l,!0);const r=es();return r&&de(r,t,c,i,a,u,l,!1),l}function ss(e=!0){const[t,c]=o.useState([]),i=o.useRef(new Map),a=o.useRef(new Map);return o.useEffect(()=>{if(!e){c([]),i.current.forEach(h=>h.disconnect()),i.current.clear(),a.current.clear();return}let u=!0;const l=100,s=(h,m)=>{if(!u)return;const y=a.current.get(h),_=Date.now();if(y&&_-y<l)return;a.current.set(h,_);const b=document.getElementById("uifork-root"),k=window.innerWidth,g=window.innerHeight,x=k/2,S=g/2,I=me(h,b,k,g,x,S,m);if(!I){c(j=>j.filter(N=>N.element!==h));const C=i.current.get(h);C&&(C.disconnect(),i.current.delete(h)),a.current.delete(h);return}c(C=>{const j=C.findIndex(D=>D.element===h);if(j===-1)return C;const N=[...C];return N[j]=I,N})},r=(h,m)=>{if(i.current.has(h))return;const y=new MutationObserver(()=>{u&&s(h,m)});y.observe(h,{attributes:!0,attributeFilter:["style"],subtree:!1}),i.current.set(h,y)},f=()=>{if(!u)return;const h=document.getElementById("uifork-root"),m=window.innerWidth,y=window.innerHeight,_=m/2,b=y/2;c(k=>k.map(({element:g,isNextJSDevTools:x})=>me(g,h,m,y,_,b,x)).filter(g=>g!==null))},p=setTimeout(()=>{if(!u)return;const h=os();c(h),h.forEach(({element:m,isNextJSDevTools:y})=>{r(m,y)})},250);return window.addEventListener("resize",f),()=>{u=!1,clearTimeout(p),i.current.forEach(h=>h.disconnect()),i.current.clear(),a.current.clear(),window.removeEventListener("resize",f)}},[e]),t}function Ce({className:e}){return n.jsx(Kn,{className:e,size:16,stroke:1.5})}const rs=({hasSelection:e,selectedComponent:t,activeVersion:c,activeVersionLabel:i,formatVersionLabel:a})=>{const u=i||(c?a(c):"-");return e?n.jsxs(n.Fragment,{children:[n.jsx(Ce,{className:d.triggerIcon}),n.jsx(A.motion.span,{layoutId:"component-name",layout:"position",className:d.triggerLabel,transition:{duration:P,ease:H},children:t}),n.jsx("span",{className:d.triggerVersion,children:u})]}):n.jsx(Ce,{className:d.triggerIcon})};function cs({port:e=3030,className:t="",style:c}){const[i,a]=o.useState(!1),[u,l]=o.useState(!1),[s,r]=o.useState(!1),[f,p]=o.useState(!1),[h,m]=o.useState(null),[y,_]=o.useState(!1),b=o.useRef(null),k=o.useRef(null),g=o.useRef(null),x=o.useRef(null),S=o.useRef(null),I=o.useRef(""),[C,j]=$("uifork-theme","system"),[N,D]=$("uifork-position","bottom-right"),[K,z]=$("uifork-code-editor","vscode"),{containerPosition:V,transformOrigin:G,componentSelectorPosition:Y}=Yo({position:N,isComponentSelectorOpen:s,containerRef:g,componentSelectorRef:S}),{isDragging:M,resetDrag:Q,dragEnabled:re,dragControls:ce,handlePointerDown:Me,handleDragStart:Te,handleDragEnd:Re}=Jo({isOpen:u,containerRef:g,setPosition:D}),{mountedComponents:q,selectedComponent:R,setSelectedComponent:ye,onComponentsUpdate:Le}=Wo({port:e});o.useEffect(()=>{I.current=R},[R]);const U=q.find(v=>v.name===R)?.versions||[],ve=v=>U.find(w=>w.key===v)?.label,{activeVersion:Z,setActiveVersion:_e,editingVersion:ee,renameValue:Ve,setRenameValue:De,startRename:Pe,confirmRename:xe,cancelRename:te,clearEditingOnError:$e,storePendingVersion:Oe,versionKeys:Be}=zo({selectedComponent:R,versions:U}),{connectionStatus:He,sendMessage:F}=Bo({port:e,selectedComponent:R,onComponentsUpdate:Le,onVersionAck:({version:v,message:w,newVersion:L})=>{let J=null;w?.includes("duplicated")||w?.includes("created new version")?J=v:w?.includes("renamed")&&L&&(J=L),J&&Oe(J)},onPromoted:v=>{const w=localStorage.getItem("uifork-selected-component"),L=w?JSON.parse(w):null;if(I.current===v||L===v){localStorage.removeItem("uifork-selected-component"),ye("");const ne=()=>{const ae=localStorage.getItem("uifork-selected-component");if(ae)try{JSON.parse(ae)===v&&localStorage.removeItem("uifork-selected-component")}catch{ae===v&&localStorage.removeItem("uifork-selected-component")}};ne(),setTimeout(ne,0),setTimeout(ne,50),setTimeout(ne,100)}},onError:$e}),{popoverPositions:Ae,setPopoverTriggerRef:Fe,setPopoverDropdownRef:We}=Go({openPopoverVersion:h});qo({versionKeys:Be,activeVersion:Z,setActiveVersion:_e}),Uo({isOpen:u,containerRef:g,triggerRef:k,openPopoverVersion:h,isComponentSelectorOpen:s,editingVersion:ee,onClosePopover:()=>m(null),onCloseComponentSelector:()=>r(!1),onCancelRename:te,onClose:()=>{l(!1),p(!1)}}),ge({isActive:u,refs:[k,g],onClickOutside:o.useCallback(()=>{ee&&te(),l(!1),p(!1),r(!1)},[ee,te]),additionalCheck:o.useCallback(v=>{if(S.current?.contains(v))return!0;const w=document.querySelectorAll("[data-popover-dropdown]");for(const L of w)if(L.contains(v))return!0;return!1},[])}),o.useEffect(()=>{a(!0)},[]);const ze=(v,w)=>{w.stopPropagation(),F("duplicate_version",{version:v})},Ge=(v,w)=>{w.stopPropagation(),F("delete_version",{version:v})},qe=v=>{v.stopPropagation(),F("new_version",{})},Ue=(v,w)=>{w.stopPropagation(),Pe(v)},Je=o.useCallback(v=>{const w=xe(v);w!==null&&F("rename_label",{version:v,newLabel:w})},[xe,F]),Xe=(v,w)=>{w.stopPropagation();const L=ve(v)||ie(v);window.confirm(`Are you sure you want to promote version ${L}?
 
 This will:
 - Replace the main component with this version
 - Remove all versioning scaffolding
 - This action cannot be undone`)&&(F("promote_version",{version:v}),m(null))},Ke=(v,w)=>{w?.stopPropagation(),m(h===v?null:v)},Ye=async(v,w)=>{w.stopPropagation();try{const L=await fetch(`http://localhost:${e}/open-in-editor`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({version:v,component:R,editor:K})});L.ok||await L.json()}catch{}m(null)},ie=v=>v.replace(/^v/,"V").replace(/_/g,"."),Qe=o.useCallback(async()=>{const v="npx uifork  ";try{await navigator.clipboard.writeText(v),_(!0),setTimeout(()=>_(!1),2e3)}catch{}},[]);o.useEffect(()=>{if(!i)return;let v=document.getElementById("uifork-root");return v||(v=document.createElement("div"),v.id="uifork-root",v.className=d.uiforkRoot||"uiforkRoot",document.body.appendChild(v)),b.current=v,v.setAttribute("data-theme",C),()=>{}},[i,C,d]);const le=He==="connected",B=o.useMemo(()=>u?f?"opened-settings":q.length===0?"opened-no-components":"opened-version-list":q.length>0?"closed-trigger-label":"closed-trigger-icon",[u,f,q.length]);if(!i)return null;const ke=b.current||document.getElementById("uifork-root");return ke?fe.createPortal(n.jsxs(n.Fragment,{children:[n.jsx(A.motion.div,{ref:g,className:`${d.container} ${u?"":d.containerClosed} ${t}`,layout:!0,drag:re&&!u,dragControls:ce,dragMomentum:!1,dragElastic:0,dragListener:!1,onPointerDown:Me,onDragStart:Te,onDragEnd:Re,animate:Q?{x:0,y:0}:{},style:{borderRadius:u?12:20,boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",...V,transformOrigin:G,touchAction:u?"auto":"none",...c},transition:{layout:{duration:P,ease:H},x:{duration:P,ease:H},y:{duration:P,ease:H}},children:n.jsx(A.AnimatePresence,{mode:"popLayout",initial:!1,children:B==="closed-trigger-icon"||B==="closed-trigger-label"?n.jsx(A.motion.button,{suppressHydrationWarning:!0,ref:k,onClick:v=>{if(M){v.preventDefault();return}l(!0),p(!1)},"aria-label":"Select UI version","aria-expanded":!1,"aria-haspopup":"listbox",className:`${d.trigger} ${!R||U.length===0?d.triggerIconOnly:""}`,layout:!0,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:P,ease:H},draggable:!1,children:n.jsx(rs,{hasSelection:!!R&&U.length>0,selectedComponent:R,activeVersion:Z,activeVersionLabel:ve(Z),formatVersionLabel:ie})},"trigger"):n.jsxs(A.motion.div,{ref:x,role:"listbox","aria-label":"UI version options",className:d.dropdown,layout:!0,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:P,ease:H},children:[B==="opened-no-components"&&n.jsx(Do,{onCopyCommand:Qe,copied:y}),B==="opened-settings"&&n.jsx(Vo,{onBack:()=>p(!1),theme:C,setTheme:j,position:N,setPosition:D,codeEditor:K,setCodeEditor:z}),B==="opened-version-list"&&n.jsxs(n.Fragment,{children:[n.jsx(yo,{selectedComponent:R,onToggle:()=>r(!s),onSettingsClick:v=>{v.stopPropagation(),p(!0)}}),n.jsx("div",{className:d.divider}),n.jsx(Ro,{versions:U,activeVersion:Z,editingVersion:ee,renameValue:Ve,formatVersionLabel:ie,openPopoverVersion:h,popoverPositions:Ae,isConnected:le,onSelectVersion:v=>{_e(v)},onDuplicateVersion:ze,onTogglePopover:Ke,onPromoteVersion:Xe,onOpenInEditor:Ye,onDeleteVersion:Ge,onRenameVersion:Ue,onRenameValueChange:De,onConfirmRename:Je,onCancelRename:te,setPopoverTriggerRef:Fe,setPopoverDropdownRef:We}),Ie()&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:d.divider}),le?n.jsx($o,{onClick:qe}):n.jsx(Oo,{})]})]})]},"dropdown")})}),B!=="closed-trigger-icon"&&B!=="closed-trigger-label"&&n.jsx(vo,{mountedComponents:q,selectedComponent:R,isOpen:s,position:Y,onSelect:v=>{ye(v),r(!1)},onClose:()=>r(!1),componentSelectorRef:S,isConnected:le})]}),ke):null}function is({id:e,versions:t,props:c,defaultVersion:i}){const[a,u]=o.useState(!1),l=Object.keys(t),s=i||l[0],r=o.useMemo(()=>Object.entries(t).map(([_,b])=>({key:_,label:b.label})),[t]),[f,p]=$(`${W}${e}`,s,!0);o.useEffect(()=>(je(e,r),()=>{Ee(e)}),[e,r]);const[h,m]=o.useState(l.includes(f)?f:s);o.useEffect(()=>{t[f]&&m(f)},[f,t]),o.useEffect(()=>{if(l.length>0&&!l.includes(f)){const _=setTimeout(()=>{l.includes(f)||p(l[0])},2500);return()=>clearTimeout(_)}},[f,l,p]),o.useEffect(()=>{u(!0)},[]);const y=t[f]?.render??t[h]?.render??t[l[0]]?.render;return!y||!a?null:n.jsx(y,{...c})}function ls({id:e,versions:t,props:c,defaultVersion:i}){const a=Object.keys(t),u=i||a[0],l=o.useMemo(()=>Object.entries(t).map(([_,b])=>({key:_,label:b.label})),[t]),[s,r]=$(`${W}${e}`,u,!0);o.useEffect(()=>(je(e,l),()=>{Ee(e)}),[e,l]);const[f,p]=o.useState(a.includes(s)?s:u);o.useEffect(()=>{t[s]&&p(s)},[s,t]),o.useEffect(()=>{if(a.length>0&&!a.includes(s)){const _=setTimeout(()=>{a.includes(s)||r(a[0])},2500);return()=>clearTimeout(_)}},[s,a,r]);const h=t[s]?.render??t[f]?.render??t[a[0]].render,[m,y]=o.useState(null);return o.useEffect(()=>{if(typeof h=="function"){const _=o.lazy(h);y(()=>_)}else y(()=>h)},[h]),m?typeof h=="function"?n.jsx(o.Suspense,{fallback:null,children:n.jsx(m,{...c})}):n.jsx(m,{...c}):null}exports.ForkedComponent=is;exports.LazyForkedComponent=ls;exports.UIFork=cs;exports.useLocalStorage=$;
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`#uifork-root{--uifork-bg-dark: #262626;--uifork-bg-hover: #303030;--uifork-button-hover: #404040;--uifork-bg-input: #404040;--uifork-border-color: #2f2f2f;--uifork-text-primary: white;--uifork-text-secondary: #a3a3a3;--uifork-text-muted: #a3a3a3;--uifork-status-connected: #22c55e;--uifork-status-connecting: #eab308;--uifork-status-disconnected: #ef4444;--uifork-accent-success: #22c55e;--uifork-accent-danger: #ef4444;--uifork-accent-delete: #f87171;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .25);--uifork-bg: var(--uifork-bg-dark);--uifork-fg: var(--uifork-text-primary);--uifork-fg-secondary: var(--uifork-text-secondary);--uifork-hover-bg: rgba(255, 255, 255, .06);--uifork-bg-select: rgba(255, 255, 255, .06);--uifork-bg-select-hover: rgba(255, 255, 255, .1);--uifork-menu-item-height: 32px;--uifork-trigger-height: 32px}#uifork-root[data-theme=light]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-button-hover: #e5e5e5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){#uifork-root[data-theme=system]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}}@keyframes _popoverFadeIn_1lnls_1{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}._container_1lnls_74{position:fixed;z-index:1001;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);overflow:hidden;display:flex;flex-direction:column;border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._container_1lnls_74._containerClosed_1lnls_98{border-radius:16px}._container_1lnls_74[data-dragging=true],._container_1lnls_74[data-dragging=true] *{cursor:grabbing!important}._trigger_1lnls_112{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);cursor:pointer;background-color:transparent;border:none;white-space:nowrap;height:var(--uifork-trigger-height)}._trigger_1lnls_112:hover{background-color:var(--uifork-hover-bg)}._trigger_1lnls_112._triggerIconOnly_1lnls_129{padding:4px;box-sizing:border-box;width:var(--uifork-trigger-height);height:var(--uifork-trigger-height);justify-content:center}._trigger_1lnls_112._triggerEmpty_1lnls_136{padding:4px;box-sizing:border-box;width:32px;height:32px;justify-content:center}._statusIndicator_1lnls_145{width:8px;height:8px;border-radius:50%}._statusIndicatorConnected_1lnls_151{background-color:var(--uifork-status-connected)}._statusIndicatorConnecting_1lnls_155{background-color:var(--uifork-status-connecting)}._statusIndicatorDisconnected_1lnls_159{background-color:var(--uifork-status-disconnected)}._statusIndicatorFailed_1lnls_163{background-color:var(--uifork-status-disconnected);animation:_pulse_1lnls_1 2s ease-in-out infinite}@keyframes _pulse_1lnls_1{0%,to{opacity:1}50%{opacity:.5}}._menuItem_1lnls_179{height:var(--uifork-menu-item-height);min-height:var(--uifork-menu-item-height);border-radius:8px}._triggerSeparator_1lnls_186{color:var(--uifork-fg-secondary);margin:0 4px}._triggerLabel_1lnls_191,._triggerVersion_1lnls_192{white-space:nowrap}._triggerLabel_1lnls_191{font-weight:500}._triggerVersion_1lnls_192{color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129{width:16px;height:16px;transition:transform .2s,color .4s cubic-bezier(.4,0,.2,1),width .2s;color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129._triggerIconOpen_1lnls_214{transform:rotate(180deg)}._dropdown_1lnls_219{min-width:200px;padding:4px;box-sizing:border-box;display:flex;flex-direction:column}._componentSelectorRow_1lnls_228{display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}._componentSelector_1lnls_228{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;flex-shrink:0}._componentSelector_1lnls_228:hover{background-color:var(--uifork-hover-bg)}._componentSelectorLabel_1lnls_257{font-weight:500;color:var(--uifork-fg)}._componentSelectorIcon_1lnls_262{width:12px;height:12px;color:var(--uifork-fg-secondary);flex-shrink:0}._componentSelectorSettings_1lnls_269{padding:8px;box-sizing:border-box;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--uifork-fg);transition:background-color .15s}._componentSelectorSettings_1lnls_269:hover{background-color:var(--uifork-hover-bg)}._componentSelectorSettingsIcon_1lnls_286{width:16px;height:16px}._divider_1lnls_292{border-top:1px solid var(--uifork-border-color);margin:4px 0}._versionsList_1lnls_298{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:2px}._versionsList_1lnls_298::-webkit-scrollbar{width:4px}._versionsList_1lnls_298::-webkit-scrollbar-track{background:transparent}._versionsList_1lnls_298::-webkit-scrollbar-thumb{background:var(--uifork-border-color);border-radius:2px}._emptyState_1lnls_318{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-text-muted)}._emptyStateContainer_1lnls_325{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;gap:8px;text-align:center}._emptyStateHeading_1lnls_336{font-size:14px;font-weight:500;color:var(--uifork-fg);margin:0}._emptyStateText_1lnls_343{font-size:13px;color:var(--uifork-fg-secondary);margin:0;line-height:1.4;max-width:220px;text-wrap:balance}._inlineCode_1lnls_352{font-family:monospace;font-size:13px;background-color:var(--uifork-bg-input);padding:2px 4px;box-sizing:border-box;border-radius:3px;color:var(--uifork-fg)}._emptyStateCommandContainer_1lnls_362{display:flex;align-items:center;gap:4px;background-color:var(--uifork-bg-input);padding:4px 8px;box-sizing:border-box;border-radius:4px;margin-top:4px;border:none;cursor:pointer;transition:background-color .15s}._emptyStateCommandContainer_1lnls_362:hover{background-color:var(--uifork-hover-bg)}._emptyStateCommand_1lnls_362{font-size:13px;color:var(--uifork-fg);margin:0;font-family:monospace}._emptyStateCopyIcon_1lnls_386{width:14px;height:14px;color:var(--uifork-text-secondary);flex-shrink:0;transition:color .15s}._emptyStateCommandContainer_1lnls_362:hover ._emptyStateCopyIcon_1lnls_386{color:var(--uifork-text-primary)}._versionItem_1lnls_398{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._versionItem_1lnls_398:hover{background-color:var(--uifork-hover-bg)}._versionItem_1lnls_398{display:flex;align-items:center;gap:8px}._versionItem_1lnls_398:hover ._actions_1lnls_416{opacity:1}._checkmarkContainer_1lnls_421{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._checkmarkIcon_1lnls_430{width:16px;height:16px;opacity:.5}._versionLabel_1lnls_437{flex:1;display:flex;align-items:center;gap:8px}._versionId_1lnls_444{color:var(--uifork-fg)}._versionLabelText_1lnls_448{opacity:.5}._versionItemEditing_1lnls_453{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-hover-bg);border:none;border-radius:8px;display:flex;align-items:center;gap:8px}._renameInput_1lnls_467{flex:1;background-color:transparent;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);border:none;outline:none}._renameInput_1lnls_467::placeholder{color:var(--uifork-text-muted)}._actions_1lnls_416{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}._actionButton_1lnls_490{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer;color:var(--uifork-fg);transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;height:calc(var(--uifork-menu-item-height) - 8px);width:calc(var(--uifork-menu-item-height) - 8px)}._actionButton_1lnls_490:hover{background-color:var(--uifork-hover-bg)}._actionIcon_1lnls_509{width:14px;height:14px;color:var(--uifork-fg-secondary);transition:color .15s}._actionButton_1lnls_490:hover ._actionIcon_1lnls_509{color:var(--uifork-fg)}._disabled_1lnls_520{opacity:.4;cursor:not-allowed;pointer-events:none}._actionButtonMore_1lnls_526{position:relative}._popover_1lnls_531{position:fixed;z-index:1002;min-width:140px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:left center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._popoverMenuItem_1lnls_558{display:flex;width:100%;align-items:center;gap:8px;padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left}._popoverMenuItem_1lnls_558:hover{background-color:var(--uifork-hover-bg)}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575{color:var(--uifork-accent-delete)}._popoverMenuItemIcon_1lnls_579{width:16px;height:16px;color:var(--uifork-fg-secondary);flex-shrink:0}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575 ._popoverMenuItemIcon_1lnls_579{color:var(--uifork-accent-delete)}._confirmButton_1lnls_590{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer}._confirmIcon_1lnls_599{width:16px;height:16px;color:var(--uifork-accent-success)}._cancelIcon_1lnls_605{width:16px;height:16px;color:var(--uifork-accent-danger)}._newVersionButton_1lnls_612{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._newVersionButton_1lnls_612{display:flex;width:100%;align-items:center;gap:8px;text-align:left;color:var(--uifork-fg)}._newVersionButton_1lnls_612:hover{background-color:var(--uifork-hover-bg)}._newVersionIconContainer_1lnls_637{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._newVersionIcon_1lnls_637{width:16px;height:16px}._componentSelectorDropdown_1lnls_652{position:fixed;z-index:1002;width:max-content;min-width:220px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:right center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._componentSelectorItem_1lnls_680{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}._componentSelectorItem_1lnls_680:hover,._componentSelectorItem_1lnls_680._componentSelectorItemSelected_1lnls_695{background-color:var(--uifork-hover-bg)}._componentSelectorItemCheckmarkContainer_1lnls_699{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._componentSelectorItemCheckmark_1lnls_699{width:16px;height:16px}._componentSelectorItemName_1lnls_713{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._componentSelectorItemCount_1lnls_721{margin-left:auto;color:var(--uifork-text-muted);font-size:12px;flex-shrink:0}._componentSelectorDropdownTitle_1lnls_728{font-size:12px;color:var(--uifork-text-muted);margin-bottom:4px;padding-left:4px;box-sizing:border-box;font-weight:500}._componentSelectorDropdownHint_1lnls_737{font-size:11px;color:var(--uifork-text-muted);padding:6px 6px 4px;box-sizing:border-box;line-height:1.4;max-width:230px;display:flex;align-items:flex-start;gap:6px}._componentSelectorDropdownHintIcon_1lnls_749{flex-shrink:0;color:var(--uifork-text-muted);margin-top:1px}._componentSelectorDropdownHintCode_1lnls_755{display:inline-flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;background:var(--uifork-bg-hover);color:var(--uifork-fg);padding:2px 5px;box-sizing:border-box;border-radius:4px}._settingsView_1lnls_769{display:flex;flex-direction:column;gap:12px;padding:8px;box-sizing:border-box}._settingsBackButton_1lnls_777{position:relative;display:flex;align-items:center;gap:4px;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;z-index:1}._settingsBackButton_1lnls_777:before{content:"";position:absolute;inset:-6px -10px -6px -6px;background-color:transparent;border-radius:8px;transition:background-color .15s;z-index:-1}._settingsBackButton_1lnls_777:hover:before{background-color:var(--uifork-hover-bg)}._settingsBackIcon_1lnls_810{width:16px;height:16px;transform:rotate(180deg);margin-left:-2px}._settingsContent_1lnls_817{flex:1;display:flex;flex-direction:column;gap:12px}._settingsTitle_1lnls_824{font-size:16px;font-weight:500;color:var(--uifork-fg);margin:0 0 8px}._settingsText_1lnls_831{font-size:14px;color:var(--uifork-fg-secondary);margin:0;line-height:1.5}._settingsGroup_1lnls_838{display:flex;align-items:center;gap:8px}._settingsLabel_1lnls_844{font-size:13px;font-weight:500;color:var(--uifork-fg);white-space:nowrap;width:100px;text-align:left;flex-shrink:0}._settingsSelect_1lnls_854{flex:1;padding:0 30px 0 12px;box-sizing:border-box;height:var(--uifork-trigger-height);font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-bg-select);border:1px solid var(--uifork-border-color);border-radius:8px;cursor:pointer;outline:none;transition:background-color .15s,border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;text-align:left}._settingsSelect_1lnls_854:hover{background-color:var(--uifork-bg-select-hover);border-color:var(--uifork-border-color)}._settingsSelect_1lnls_854:focus{border-color:var(--uifork-border-color);background-color:var(--uifork-bg-select-hover);outline:2px solid var(--uifork-border-color);outline-offset:2px}._settingsSelect_1lnls_854 option{background-color:var(--uifork-bg-dark);color:var(--uifork-fg)}._settingsCheckboxGroup_1lnls_891{display:flex;flex-direction:column;align-items:flex-start;gap:0}._settingsCheckboxLabel_1lnls_898{display:flex;flex-direction:row;gap:10px;width:100%;cursor:pointer;align-items:flex-start}._settingsCheckboxInput_1lnls_907{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._settingsCheckboxVisual_1lnls_916{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--uifork-border-color);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-top:2px}._settingsCheckboxVisualChecked_1lnls_930{background-color:#3b82f6;border-color:#3b82f6}._settingsCheckboxContent_1lnls_935{display:flex;flex-direction:column;gap:0;flex:1}._settingsCheckboxLabelText_1lnls_942{width:auto;margin:0;font-size:14px}._settingsCheckboxDescription_1lnls_948{margin:0;font-size:13px;opacity:.8}._tooltip_1lnls_955{position:fixed;z-index:1003;padding:2px 6px;box-sizing:border-box;font-size:12px;color:var(--uifork-text-primary);background-color:var(--uifork-bg-dark);border:1px solid var(--uifork-border-color);border-radius:6px;box-shadow:var(--uifork-shadow-md);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease-in-out;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._tooltipVisible_1lnls_984{opacity:1}._offlineMessageCommandButton_1lnls_988{display:inline-flex;align-items:center;gap:4px;background-color:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box;transition:opacity .15s}._offlineMessageCommandButton_1lnls_988:hover{opacity:.8}._offlineMessageCopyIcon_1lnls_1004{width:12px;height:12px;color:var(--uifork-text-muted);flex-shrink:0;transition:color .15s}._offlineMessageCommandButton_1lnls_988:hover ._offlineMessageCopyIcon_1lnls_1004{color:var(--uifork-text-primary)}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();

package/dist/index.mjs

@@ -1,4 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`#uifork-root{--uifork-bg-dark: #262626;--uifork-bg-hover: #303030;--uifork-button-hover: #404040;--uifork-bg-input: #404040;--uifork-border-color: #2f2f2f;--uifork-text-primary: white;--uifork-text-secondary: #a3a3a3;--uifork-text-muted: #a3a3a3;--uifork-status-connected: #22c55e;--uifork-status-connecting: #eab308;--uifork-status-disconnected: #ef4444;--uifork-accent-success: #22c55e;--uifork-accent-danger: #ef4444;--uifork-accent-delete: #f87171;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .25);--uifork-bg: var(--uifork-bg-dark);--uifork-fg: var(--uifork-text-primary);--uifork-fg-secondary: var(--uifork-text-secondary);--uifork-hover-bg: rgba(255, 255, 255, .06);--uifork-bg-select: rgba(255, 255, 255, .06);--uifork-bg-select-hover: rgba(255, 255, 255, .1);--uifork-menu-item-height: 32px;--uifork-trigger-height: 32px}#uifork-root[data-theme=light]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-button-hover: #e5e5e5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){#uifork-root[data-theme=system]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}}@keyframes _popoverFadeIn_1lnls_1{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}._container_1lnls_74{position:fixed;z-index:1001;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);overflow:hidden;display:flex;flex-direction:column;border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._container_1lnls_74._containerClosed_1lnls_98{border-radius:16px}._container_1lnls_74[data-dragging=true],._container_1lnls_74[data-dragging=true] *{cursor:grabbing!important}._trigger_1lnls_112{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);cursor:pointer;background-color:transparent;border:none;white-space:nowrap;height:var(--uifork-trigger-height)}._trigger_1lnls_112:hover{background-color:var(--uifork-hover-bg)}._trigger_1lnls_112._triggerIconOnly_1lnls_129{padding:4px;box-sizing:border-box;width:var(--uifork-trigger-height);height:var(--uifork-trigger-height);justify-content:center}._trigger_1lnls_112._triggerEmpty_1lnls_136{padding:4px;box-sizing:border-box;width:32px;height:32px;justify-content:center}._statusIndicator_1lnls_145{width:8px;height:8px;border-radius:50%}._statusIndicatorConnected_1lnls_151{background-color:var(--uifork-status-connected)}._statusIndicatorConnecting_1lnls_155{background-color:var(--uifork-status-connecting)}._statusIndicatorDisconnected_1lnls_159{background-color:var(--uifork-status-disconnected)}._statusIndicatorFailed_1lnls_163{background-color:var(--uifork-status-disconnected);animation:_pulse_1lnls_1 2s ease-in-out infinite}@keyframes _pulse_1lnls_1{0%,to{opacity:1}50%{opacity:.5}}._menuItem_1lnls_179{height:var(--uifork-menu-item-height);min-height:var(--uifork-menu-item-height);border-radius:8px}._triggerSeparator_1lnls_186{color:var(--uifork-fg-secondary);margin:0 4px}._triggerLabel_1lnls_191,._triggerVersion_1lnls_192{white-space:nowrap}._triggerLabel_1lnls_191{font-weight:500}._triggerVersion_1lnls_192{color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129{width:16px;height:16px;transition:transform .2s,color .4s cubic-bezier(.4,0,.2,1),width .2s;color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129._triggerIconOpen_1lnls_214{transform:rotate(180deg)}._dropdown_1lnls_219{min-width:200px;padding:4px;box-sizing:border-box;display:flex;flex-direction:column}._componentSelectorRow_1lnls_228{display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}._componentSelector_1lnls_228{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;flex-shrink:0}._componentSelector_1lnls_228:hover{background-color:var(--uifork-hover-bg)}._componentSelectorLabel_1lnls_257{font-weight:500;color:var(--uifork-fg)}._componentSelectorIcon_1lnls_262{width:12px;height:12px;color:var(--uifork-fg-secondary);flex-shrink:0}._componentSelectorSettings_1lnls_269{padding:8px;box-sizing:border-box;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--uifork-fg);transition:background-color .15s}._componentSelectorSettings_1lnls_269:hover{background-color:var(--uifork-hover-bg)}._componentSelectorSettingsIcon_1lnls_286{width:16px;height:16px}._divider_1lnls_292{border-top:1px solid var(--uifork-border-color);margin:4px 0}._versionsList_1lnls_298{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:2px}._versionsList_1lnls_298::-webkit-scrollbar{width:4px}._versionsList_1lnls_298::-webkit-scrollbar-track{background:transparent}._versionsList_1lnls_298::-webkit-scrollbar-thumb{background:var(--uifork-border-color);border-radius:2px}._emptyState_1lnls_318{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-text-muted)}._emptyStateContainer_1lnls_325{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;gap:8px;text-align:center}._emptyStateHeading_1lnls_336{font-size:14px;font-weight:500;color:var(--uifork-fg);margin:0}._emptyStateText_1lnls_343{font-size:13px;color:var(--uifork-fg-secondary);margin:0;line-height:1.4;max-width:220px;text-wrap:balance}._inlineCode_1lnls_352{font-family:monospace;font-size:13px;background-color:var(--uifork-bg-input);padding:2px 4px;box-sizing:border-box;border-radius:3px;color:var(--uifork-fg)}._emptyStateCommandContainer_1lnls_362{display:flex;align-items:center;gap:4px;background-color:var(--uifork-bg-input);padding:4px 8px;box-sizing:border-box;border-radius:4px;margin-top:4px;border:none;cursor:pointer;transition:background-color .15s}._emptyStateCommandContainer_1lnls_362:hover{background-color:var(--uifork-hover-bg)}._emptyStateCommand_1lnls_362{font-size:13px;color:var(--uifork-fg);margin:0;font-family:monospace}._emptyStateCopyIcon_1lnls_386{width:14px;height:14px;color:var(--uifork-text-secondary);flex-shrink:0;transition:color .15s}._emptyStateCommandContainer_1lnls_362:hover ._emptyStateCopyIcon_1lnls_386{color:var(--uifork-text-primary)}._versionItem_1lnls_398{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._versionItem_1lnls_398:hover{background-color:var(--uifork-hover-bg)}._versionItem_1lnls_398{display:flex;align-items:center;gap:8px}._versionItem_1lnls_398:hover ._actions_1lnls_416{opacity:1}._checkmarkContainer_1lnls_421{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._checkmarkIcon_1lnls_430{width:16px;height:16px;opacity:.5}._versionLabel_1lnls_437{flex:1;display:flex;align-items:center;gap:8px}._versionId_1lnls_444{color:var(--uifork-fg)}._versionLabelText_1lnls_448{opacity:.5}._versionItemEditing_1lnls_453{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-hover-bg);border:none;border-radius:8px;display:flex;align-items:center;gap:8px}._renameInput_1lnls_467{flex:1;background-color:transparent;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);border:none;outline:none}._renameInput_1lnls_467::placeholder{color:var(--uifork-text-muted)}._actions_1lnls_416{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}._actionButton_1lnls_490{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer;color:var(--uifork-fg);transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;height:calc(var(--uifork-menu-item-height) - 8px);width:calc(var(--uifork-menu-item-height) - 8px)}._actionButton_1lnls_490:hover{background-color:var(--uifork-hover-bg)}._actionIcon_1lnls_509{width:14px;height:14px;color:var(--uifork-fg-secondary);transition:color .15s}._actionButton_1lnls_490:hover ._actionIcon_1lnls_509{color:var(--uifork-fg)}._disabled_1lnls_520{opacity:.4;cursor:not-allowed;pointer-events:none}._actionButtonMore_1lnls_526{position:relative}._popover_1lnls_531{position:fixed;z-index:1002;min-width:140px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:left center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._popoverMenuItem_1lnls_558{display:flex;width:100%;align-items:center;gap:8px;padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left}._popoverMenuItem_1lnls_558:hover{background-color:var(--uifork-hover-bg)}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575{color:var(--uifork-accent-delete)}._popoverMenuItemIcon_1lnls_579{width:16px;height:16px;color:var(--uifork-fg-secondary);flex-shrink:0}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575 ._popoverMenuItemIcon_1lnls_579{color:var(--uifork-accent-delete)}._confirmButton_1lnls_590{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer}._confirmIcon_1lnls_599{width:16px;height:16px;color:var(--uifork-accent-success)}._cancelIcon_1lnls_605{width:16px;height:16px;color:var(--uifork-accent-danger)}._newVersionButton_1lnls_612{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._newVersionButton_1lnls_612{display:flex;width:100%;align-items:center;gap:8px;text-align:left;color:var(--uifork-fg)}._newVersionButton_1lnls_612:hover{background-color:var(--uifork-hover-bg)}._newVersionIconContainer_1lnls_637{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._newVersionIcon_1lnls_637{width:16px;height:16px}._componentSelectorDropdown_1lnls_652{position:fixed;z-index:1002;width:max-content;min-width:220px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:right center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._componentSelectorItem_1lnls_680{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}._componentSelectorItem_1lnls_680:hover,._componentSelectorItem_1lnls_680._componentSelectorItemSelected_1lnls_695{background-color:var(--uifork-hover-bg)}._componentSelectorItemCheckmarkContainer_1lnls_699{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._componentSelectorItemCheckmark_1lnls_699{width:16px;height:16px}._componentSelectorItemName_1lnls_713{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._componentSelectorItemCount_1lnls_721{margin-left:auto;color:var(--uifork-text-muted);font-size:12px;flex-shrink:0}._componentSelectorDropdownTitle_1lnls_728{font-size:12px;color:var(--uifork-text-muted);margin-bottom:4px;padding-left:4px;box-sizing:border-box;font-weight:500}._componentSelectorDropdownHint_1lnls_737{font-size:11px;color:var(--uifork-text-muted);padding:6px 6px 4px;box-sizing:border-box;line-height:1.4;max-width:230px;display:flex;align-items:flex-start;gap:6px}._componentSelectorDropdownHintIcon_1lnls_749{flex-shrink:0;color:var(--uifork-text-muted);margin-top:1px}._componentSelectorDropdownHintCode_1lnls_755{display:inline-flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;background:var(--uifork-bg-hover);color:var(--uifork-fg);padding:2px 5px;box-sizing:border-box;border-radius:4px}._settingsView_1lnls_769{display:flex;flex-direction:column;gap:12px;padding:8px;box-sizing:border-box}._settingsBackButton_1lnls_777{position:relative;display:flex;align-items:center;gap:4px;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;z-index:1}._settingsBackButton_1lnls_777:before{content:"";position:absolute;inset:-6px -10px -6px -6px;background-color:transparent;border-radius:8px;transition:background-color .15s;z-index:-1}._settingsBackButton_1lnls_777:hover:before{background-color:var(--uifork-hover-bg)}._settingsBackIcon_1lnls_810{width:16px;height:16px;transform:rotate(180deg);margin-left:-2px}._settingsContent_1lnls_817{flex:1;display:flex;flex-direction:column;gap:12px}._settingsTitle_1lnls_824{font-size:16px;font-weight:500;color:var(--uifork-fg);margin:0 0 8px}._settingsText_1lnls_831{font-size:14px;color:var(--uifork-fg-secondary);margin:0;line-height:1.5}._settingsGroup_1lnls_838{display:flex;align-items:center;gap:8px}._settingsLabel_1lnls_844{font-size:13px;font-weight:500;color:var(--uifork-fg);white-space:nowrap;width:100px;text-align:left;flex-shrink:0}._settingsSelect_1lnls_854{flex:1;padding:0 30px 0 12px;box-sizing:border-box;height:var(--uifork-trigger-height);font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-bg-select);border:1px solid var(--uifork-border-color);border-radius:8px;cursor:pointer;outline:none;transition:background-color .15s,border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;text-align:left}._settingsSelect_1lnls_854:hover{background-color:var(--uifork-bg-select-hover);border-color:var(--uifork-border-color)}._settingsSelect_1lnls_854:focus{border-color:var(--uifork-border-color);background-color:var(--uifork-bg-select-hover);outline:2px solid var(--uifork-border-color);outline-offset:2px}._settingsSelect_1lnls_854 option{background-color:var(--uifork-bg-dark);color:var(--uifork-fg)}._settingsCheckboxGroup_1lnls_891{display:flex;flex-direction:column;align-items:flex-start;gap:0}._settingsCheckboxLabel_1lnls_898{display:flex;flex-direction:row;gap:10px;width:100%;cursor:pointer;align-items:flex-start}._settingsCheckboxInput_1lnls_907{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._settingsCheckboxVisual_1lnls_916{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--uifork-border-color);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-top:2px}._settingsCheckboxVisualChecked_1lnls_930{background-color:#3b82f6;border-color:#3b82f6}._settingsCheckboxContent_1lnls_935{display:flex;flex-direction:column;gap:0;flex:1}._settingsCheckboxLabelText_1lnls_942{width:auto;margin:0;font-size:14px}._settingsCheckboxDescription_1lnls_948{margin:0;font-size:13px;opacity:.8}._tooltip_1lnls_955{position:fixed;z-index:1003;padding:2px 6px;box-sizing:border-box;font-size:12px;color:var(--uifork-text-primary);background-color:var(--uifork-bg-dark);border:1px solid var(--uifork-border-color);border-radius:6px;box-shadow:var(--uifork-shadow-md);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease-in-out;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._tooltipVisible_1lnls_984{opacity:1}._offlineMessageCommandButton_1lnls_988{display:inline-flex;align-items:center;gap:4px;background-color:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box;transition:opacity .15s}._offlineMessageCommandButton_1lnls_988:hover{opacity:.8}._offlineMessageCopyIcon_1lnls_1004{width:12px;height:12px;color:var(--uifork-text-muted);flex-shrink:0;transition:color .15s}._offlineMessageCommandButton_1lnls_988:hover ._offlineMessageCopyIcon_1lnls_1004{color:var(--uifork-text-primary)}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
 "use client";
 import { jsx as r, jsxs as C, Fragment as Q } from "react/jsx-runtime";
 import De, { forwardRef as Pe, createElement as ge, useEffect as w, useRef as b, useCallback as V, useState as N, useImperativeHandle as pt, useLayoutEffect as mt, useMemo as U, lazy as ft, Suspense as gt } from "react";
@@ -2141,3 +2140,4 @@ export {
   Lr as UIFork,
   z as useLocalStorage
 };
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(`#uifork-root{--uifork-bg-dark: #262626;--uifork-bg-hover: #303030;--uifork-button-hover: #404040;--uifork-bg-input: #404040;--uifork-border-color: #2f2f2f;--uifork-text-primary: white;--uifork-text-secondary: #a3a3a3;--uifork-text-muted: #a3a3a3;--uifork-status-connected: #22c55e;--uifork-status-connecting: #eab308;--uifork-status-disconnected: #ef4444;--uifork-accent-success: #22c55e;--uifork-accent-danger: #ef4444;--uifork-accent-delete: #f87171;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .25);--uifork-bg: var(--uifork-bg-dark);--uifork-fg: var(--uifork-text-primary);--uifork-fg-secondary: var(--uifork-text-secondary);--uifork-hover-bg: rgba(255, 255, 255, .06);--uifork-bg-select: rgba(255, 255, 255, .06);--uifork-bg-select-hover: rgba(255, 255, 255, .1);--uifork-menu-item-height: 32px;--uifork-trigger-height: 32px}#uifork-root[data-theme=light]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-button-hover: #e5e5e5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){#uifork-root[data-theme=system]{--uifork-bg-dark: #ffffff;--uifork-bg-hover: #f5f5f5;--uifork-bg-input: #e5e5e5;--uifork-border-color: #f0f0f0;--uifork-text-primary: #171717;--uifork-text-secondary: #525252;--uifork-text-muted: #737373;--uifork-accent-delete: #dc2626;--uifork-shadow-sm: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--uifork-shadow-md: 0 25px 50px -12px rgba(0, 0, 0, .15);--uifork-hover-bg: rgba(0, 0, 0, .04);--uifork-bg-select: rgba(0, 0, 0, .04);--uifork-bg-select-hover: rgba(0, 0, 0, .08)}}@keyframes _popoverFadeIn_1lnls_1{0%{opacity:0;transform:scale(.95);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}._container_1lnls_74{position:fixed;z-index:1001;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);overflow:hidden;display:flex;flex-direction:column;border-radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._container_1lnls_74._containerClosed_1lnls_98{border-radius:16px}._container_1lnls_74[data-dragging=true],._container_1lnls_74[data-dragging=true] *{cursor:grabbing!important}._trigger_1lnls_112{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);cursor:pointer;background-color:transparent;border:none;white-space:nowrap;height:var(--uifork-trigger-height)}._trigger_1lnls_112:hover{background-color:var(--uifork-hover-bg)}._trigger_1lnls_112._triggerIconOnly_1lnls_129{padding:4px;box-sizing:border-box;width:var(--uifork-trigger-height);height:var(--uifork-trigger-height);justify-content:center}._trigger_1lnls_112._triggerEmpty_1lnls_136{padding:4px;box-sizing:border-box;width:32px;height:32px;justify-content:center}._statusIndicator_1lnls_145{width:8px;height:8px;border-radius:50%}._statusIndicatorConnected_1lnls_151{background-color:var(--uifork-status-connected)}._statusIndicatorConnecting_1lnls_155{background-color:var(--uifork-status-connecting)}._statusIndicatorDisconnected_1lnls_159{background-color:var(--uifork-status-disconnected)}._statusIndicatorFailed_1lnls_163{background-color:var(--uifork-status-disconnected);animation:_pulse_1lnls_1 2s ease-in-out infinite}@keyframes _pulse_1lnls_1{0%,to{opacity:1}50%{opacity:.5}}._menuItem_1lnls_179{height:var(--uifork-menu-item-height);min-height:var(--uifork-menu-item-height);border-radius:8px}._triggerSeparator_1lnls_186{color:var(--uifork-fg-secondary);margin:0 4px}._triggerLabel_1lnls_191,._triggerVersion_1lnls_192{white-space:nowrap}._triggerLabel_1lnls_191{font-weight:500}._triggerVersion_1lnls_192{color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129{width:16px;height:16px;transition:transform .2s,color .4s cubic-bezier(.4,0,.2,1),width .2s;color:var(--uifork-fg-secondary)}._triggerIcon_1lnls_129._triggerIconOpen_1lnls_214{transform:rotate(180deg)}._dropdown_1lnls_219{min-width:200px;padding:4px;box-sizing:border-box;display:flex;flex-direction:column}._componentSelectorRow_1lnls_228{display:flex;align-items:center;justify-content:space-between;padding:0;box-sizing:border-box}._componentSelector_1lnls_228{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;flex-shrink:0}._componentSelector_1lnls_228:hover{background-color:var(--uifork-hover-bg)}._componentSelectorLabel_1lnls_257{font-weight:500;color:var(--uifork-fg)}._componentSelectorIcon_1lnls_262{width:12px;height:12px;color:var(--uifork-fg-secondary);flex-shrink:0}._componentSelectorSettings_1lnls_269{padding:8px;box-sizing:border-box;background-color:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--uifork-fg);transition:background-color .15s}._componentSelectorSettings_1lnls_269:hover{background-color:var(--uifork-hover-bg)}._componentSelectorSettingsIcon_1lnls_286{width:16px;height:16px}._divider_1lnls_292{border-top:1px solid var(--uifork-border-color);margin:4px 0}._versionsList_1lnls_298{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;gap:2px}._versionsList_1lnls_298::-webkit-scrollbar{width:4px}._versionsList_1lnls_298::-webkit-scrollbar-track{background:transparent}._versionsList_1lnls_298::-webkit-scrollbar-thumb{background:var(--uifork-border-color);border-radius:2px}._emptyState_1lnls_318{padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-text-muted)}._emptyStateContainer_1lnls_325{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;gap:8px;text-align:center}._emptyStateHeading_1lnls_336{font-size:14px;font-weight:500;color:var(--uifork-fg);margin:0}._emptyStateText_1lnls_343{font-size:13px;color:var(--uifork-fg-secondary);margin:0;line-height:1.4;max-width:220px;text-wrap:balance}._inlineCode_1lnls_352{font-family:monospace;font-size:13px;background-color:var(--uifork-bg-input);padding:2px 4px;box-sizing:border-box;border-radius:3px;color:var(--uifork-fg)}._emptyStateCommandContainer_1lnls_362{display:flex;align-items:center;gap:4px;background-color:var(--uifork-bg-input);padding:4px 8px;box-sizing:border-box;border-radius:4px;margin-top:4px;border:none;cursor:pointer;transition:background-color .15s}._emptyStateCommandContainer_1lnls_362:hover{background-color:var(--uifork-hover-bg)}._emptyStateCommand_1lnls_362{font-size:13px;color:var(--uifork-fg);margin:0;font-family:monospace}._emptyStateCopyIcon_1lnls_386{width:14px;height:14px;color:var(--uifork-text-secondary);flex-shrink:0;transition:color .15s}._emptyStateCommandContainer_1lnls_362:hover ._emptyStateCopyIcon_1lnls_386{color:var(--uifork-text-primary)}._versionItem_1lnls_398{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._versionItem_1lnls_398:hover{background-color:var(--uifork-hover-bg)}._versionItem_1lnls_398{display:flex;align-items:center;gap:8px}._versionItem_1lnls_398:hover ._actions_1lnls_416{opacity:1}._checkmarkContainer_1lnls_421{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._checkmarkIcon_1lnls_430{width:16px;height:16px;opacity:.5}._versionLabel_1lnls_437{flex:1;display:flex;align-items:center;gap:8px}._versionId_1lnls_444{color:var(--uifork-fg)}._versionLabelText_1lnls_448{opacity:.5}._versionItemEditing_1lnls_453{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-hover-bg);border:none;border-radius:8px;display:flex;align-items:center;gap:8px}._renameInput_1lnls_467{flex:1;background-color:transparent;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);border:none;outline:none}._renameInput_1lnls_467::placeholder{color:var(--uifork-text-muted)}._actions_1lnls_416{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}._actionButton_1lnls_490{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer;color:var(--uifork-fg);transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;height:calc(var(--uifork-menu-item-height) - 8px);width:calc(var(--uifork-menu-item-height) - 8px)}._actionButton_1lnls_490:hover{background-color:var(--uifork-hover-bg)}._actionIcon_1lnls_509{width:14px;height:14px;color:var(--uifork-fg-secondary);transition:color .15s}._actionButton_1lnls_490:hover ._actionIcon_1lnls_509{color:var(--uifork-fg)}._disabled_1lnls_520{opacity:.4;cursor:not-allowed;pointer-events:none}._actionButtonMore_1lnls_526{position:relative}._popover_1lnls_531{position:fixed;z-index:1002;min-width:140px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:left center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._popoverMenuItem_1lnls_558{display:flex;width:100%;align-items:center;gap:8px;padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left}._popoverMenuItem_1lnls_558:hover{background-color:var(--uifork-hover-bg)}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575{color:var(--uifork-accent-delete)}._popoverMenuItemIcon_1lnls_579{width:16px;height:16px;color:var(--uifork-fg-secondary);flex-shrink:0}._popoverMenuItem_1lnls_558._popoverMenuItemDelete_1lnls_575 ._popoverMenuItemIcon_1lnls_579{color:var(--uifork-accent-delete)}._confirmButton_1lnls_590{padding:4px;box-sizing:border-box;border-radius:4px;background-color:transparent;border:none;cursor:pointer}._confirmIcon_1lnls_599{width:16px;height:16px;color:var(--uifork-accent-success)}._cancelIcon_1lnls_605{width:16px;height:16px;color:var(--uifork-accent-danger)}._newVersionButton_1lnls_612{padding:8px 4px 8px 8px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;border-radius:8px;cursor:pointer}._newVersionButton_1lnls_612{display:flex;width:100%;align-items:center;gap:8px;text-align:left;color:var(--uifork-fg)}._newVersionButton_1lnls_612:hover{background-color:var(--uifork-hover-bg)}._newVersionIconContainer_1lnls_637{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._newVersionIcon_1lnls_637{width:16px;height:16px}._componentSelectorDropdown_1lnls_652{position:fixed;z-index:1002;width:max-content;min-width:220px;border-radius:12px;background-color:var(--uifork-bg-dark);box-shadow:var(--uifork-shadow-md);border:1px solid var(--uifork-border-color);padding:4px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transform-origin:right center;animation:_popoverFadeIn_1lnls_1 .2s cubic-bezier(.04,1.02,.13,1.02)}._componentSelectorItem_1lnls_680{display:flex;align-items:center;gap:8px;padding:8px 12px;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;width:100%}._componentSelectorItem_1lnls_680:hover,._componentSelectorItem_1lnls_680._componentSelectorItemSelected_1lnls_695{background-color:var(--uifork-hover-bg)}._componentSelectorItemCheckmarkContainer_1lnls_699{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._componentSelectorItemCheckmark_1lnls_699{width:16px;height:16px}._componentSelectorItemName_1lnls_713{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._componentSelectorItemCount_1lnls_721{margin-left:auto;color:var(--uifork-text-muted);font-size:12px;flex-shrink:0}._componentSelectorDropdownTitle_1lnls_728{font-size:12px;color:var(--uifork-text-muted);margin-bottom:4px;padding-left:4px;box-sizing:border-box;font-weight:500}._componentSelectorDropdownHint_1lnls_737{font-size:11px;color:var(--uifork-text-muted);padding:6px 6px 4px;box-sizing:border-box;line-height:1.4;max-width:230px;display:flex;align-items:flex-start;gap:6px}._componentSelectorDropdownHintIcon_1lnls_749{flex-shrink:0;color:var(--uifork-text-muted);margin-top:1px}._componentSelectorDropdownHintCode_1lnls_755{display:inline-flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:10px;background:var(--uifork-bg-hover);color:var(--uifork-fg);padding:2px 5px;box-sizing:border-box;border-radius:4px}._settingsView_1lnls_769{display:flex;flex-direction:column;gap:12px;padding:8px;box-sizing:border-box}._settingsBackButton_1lnls_777{position:relative;display:flex;align-items:center;gap:4px;padding:0;box-sizing:border-box;font-size:14px;color:var(--uifork-fg);background-color:transparent;border:none;cursor:pointer;text-align:left;z-index:1}._settingsBackButton_1lnls_777:before{content:"";position:absolute;inset:-6px -10px -6px -6px;background-color:transparent;border-radius:8px;transition:background-color .15s;z-index:-1}._settingsBackButton_1lnls_777:hover:before{background-color:var(--uifork-hover-bg)}._settingsBackIcon_1lnls_810{width:16px;height:16px;transform:rotate(180deg);margin-left:-2px}._settingsContent_1lnls_817{flex:1;display:flex;flex-direction:column;gap:12px}._settingsTitle_1lnls_824{font-size:16px;font-weight:500;color:var(--uifork-fg);margin:0 0 8px}._settingsText_1lnls_831{font-size:14px;color:var(--uifork-fg-secondary);margin:0;line-height:1.5}._settingsGroup_1lnls_838{display:flex;align-items:center;gap:8px}._settingsLabel_1lnls_844{font-size:13px;font-weight:500;color:var(--uifork-fg);white-space:nowrap;width:100px;text-align:left;flex-shrink:0}._settingsSelect_1lnls_854{flex:1;padding:0 30px 0 12px;box-sizing:border-box;height:var(--uifork-trigger-height);font-size:14px;color:var(--uifork-fg);background-color:var(--uifork-bg-select);border:1px solid var(--uifork-border-color);border-radius:8px;cursor:pointer;outline:none;transition:background-color .15s,border-color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23a3a3a3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;text-align:left}._settingsSelect_1lnls_854:hover{background-color:var(--uifork-bg-select-hover);border-color:var(--uifork-border-color)}._settingsSelect_1lnls_854:focus{border-color:var(--uifork-border-color);background-color:var(--uifork-bg-select-hover);outline:2px solid var(--uifork-border-color);outline-offset:2px}._settingsSelect_1lnls_854 option{background-color:var(--uifork-bg-dark);color:var(--uifork-fg)}._settingsCheckboxGroup_1lnls_891{display:flex;flex-direction:column;align-items:flex-start;gap:0}._settingsCheckboxLabel_1lnls_898{display:flex;flex-direction:row;gap:10px;width:100%;cursor:pointer;align-items:flex-start}._settingsCheckboxInput_1lnls_907{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}._settingsCheckboxVisual_1lnls_916{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--uifork-border-color);background-color:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;margin-top:2px}._settingsCheckboxVisualChecked_1lnls_930{background-color:#3b82f6;border-color:#3b82f6}._settingsCheckboxContent_1lnls_935{display:flex;flex-direction:column;gap:0;flex:1}._settingsCheckboxLabelText_1lnls_942{width:auto;margin:0;font-size:14px}._settingsCheckboxDescription_1lnls_948{margin:0;font-size:13px;opacity:.8}._tooltip_1lnls_955{position:fixed;z-index:1003;padding:2px 6px;box-sizing:border-box;font-size:12px;color:var(--uifork-text-primary);background-color:var(--uifork-bg-dark);border:1px solid var(--uifork-border-color);border-radius:6px;box-shadow:var(--uifork-shadow-md);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .15s ease-in-out;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}._tooltipVisible_1lnls_984{opacity:1}._offlineMessageCommandButton_1lnls_988{display:inline-flex;align-items:center;gap:4px;background-color:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box;transition:opacity .15s}._offlineMessageCommandButton_1lnls_988:hover{opacity:.8}._offlineMessageCopyIcon_1lnls_1004{width:12px;height:12px;color:var(--uifork-text-muted);flex-shrink:0;transition:color .15s}._offlineMessageCommandButton_1lnls_988:hover ._offlineMessageCopyIcon_1lnls_1004{color:var(--uifork-text-primary)}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uifork",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "CLI tool and React components for managing UI component versions and switching between them",
   "keywords": [
     "ab-testing",
@@ -50,11 +50,11 @@
     "ws": "^8.14.2"
   },
   "devDependencies": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^5.1.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "rollup-preserve-directives": "^1.1.3",
     "typescript": "^5.3.0",
     "vite": "^7.3.1",