@dxos/shell 0.8.0 → 0.8.1-main.ae460ac

package/dist/bundle/shell.umd.cjs

@@ -966,7 +966,7 @@ button {
   background-color: #61493f;
 }
 
-`;function $e5534fc185f7111e$export$2e2bcd8739ae039($){const _=React.useRef(null),I=React.useRef(null);return I.current&&I.current.update($),React.useEffect(()=>(I.current=new $efa000751917694d$export$2e2bcd8739ae039({...$,ref:_}),()=>{I.current=null}),[]),React.createElement("div",{ref:_})}var EmojiPickerToolbarButton=({disabled:$,defaultEmoji:_,emoji:I,onChangeEmoji:j,classNames:U})=>{const{t:G}=useTranslation("os"),{themeMode:q}=useThemeContext(),[K,J]=useControllableState({prop:I,onChange:j,defaultProp:_}),[Y,X]=React.useState(!1),Q=React.useRef(!1),[Z,ee]=React.useState(!1);return React.createElement(Tooltip.Root,{open:Z,onOpenChange:ne=>{Q.current?(ee(!1),Q.current=!1):ee(ne)}},React.createElement(Popover.Root,{open:Y,onOpenChange:ne=>{X(ne),Q.current=!0}},React.createElement(Tooltip.Trigger,{asChild:!0},React.createElement(Popover.Trigger,{asChild:!0},React.createElement(Toolbar.Button,{classNames:["gap-2 text-2xl plb-1",U],disabled:$},React.createElement("span",{className:"sr-only"},G("select emoji label")),React.createElement(Icon,{icon:"ph--user-circle--regular",size:5})))),React.createElement(Tooltip.Portal,null,React.createElement(Tooltip.Content,{side:"bottom"},G("select emoji label"),React.createElement(Tooltip.Arrow,null))),React.createElement(Popover.Portal,null,React.createElement(Popover.Content,{side:"bottom",onKeyDownCapture:ne=>{ne.key==="Escape"&&(ne.stopPropagation(),X(!1),Q.current=!0)}},React.createElement($e5534fc185f7111e$export$2e2bcd8739ae039,{data:emojiData,onEmojiSelect:({native:ne})=>{ne&&(J(ne),X(!1))},autoFocus:!0,maxFrequentRows:0,noCountryFlags:!0,theme:q}),React.createElement(Popover.Arrow,null)))))},ToolbarPickerButton=({Component:$,disabled:_,classNames:I,defaultValue:j,value:U,values:G,label:q,icon:K,onChange:J,onReset:Y})=>{const[X,Q]=useControllableState({prop:U,defaultProp:j,onChange:J});React.useEffect(()=>Q(U),[U]);const[Z,ee]=React.useState(!1),ne=React.useRef(!1),[ie,ae]=React.useState(!1);return React.createElement(Tooltip.Root,{open:ie,onOpenChange:oe=>{ne.current?(ae(!1),ne.current=!1):ae(oe)}},React.createElement(DropdownMenu.Root,{modal:!1,open:Z,onOpenChange:oe=>{ee(oe),ne.current=!0}},React.createElement(Tooltip.Trigger,{asChild:!0},React.createElement(DropdownMenu.Trigger,{asChild:!0},React.createElement(Toolbar.Button,{classNames:mx("gap-2 plb-1",I),disabled:_},React.createElement("span",{className:"sr-only"},q),X&&React.createElement($,{value:X})||React.createElement(Icon,{icon:K,size:5})))),React.createElement(Tooltip.Portal,null,React.createElement(Tooltip.Content,{side:"bottom"},q,React.createElement(Tooltip.Arrow,null))),React.createElement(DropdownMenu.Portal,null,React.createElement(DropdownMenu.Content,{side:"bottom",classNames:"!w-40"},React.createElement(DropdownMenu.Viewport,{classNames:"grid grid-cols-6"},G.map(oe=>React.createElement(DropdownMenu.CheckboxItem,{key:oe,checked:oe===X,onCheckedChange:()=>Q(oe),classNames:"!p-0 items-center justify-center"},React.createElement($,{value:oe}))),Y&&React.createElement(DropdownMenu.CheckboxItem,{onCheckedChange:()=>Y(),classNames:"!p-0 items-center justify-center"},React.createElement(Icon,{icon:"ph--x--regular",size:5}))),React.createElement(DropdownMenu.Arrow,null)))))},HuePicker=$=>{const{t:_}=useTranslation("os");return React.createElement(ToolbarPickerButton,{Component:HuePreview,label:_("select hue label"),icon:"ph--palette--regular",values:hues,...$})},HuePreview=({value:$})=>React.createElement("div",{className:"flex p-[2px] justify-center items-center"},React.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16"},React.createElement("rect",{x:0,y:0,width:16,height:16,fill:`var(--dx-${$}Fill)`,strokeWidth:4}))),icons=["ph--air-traffic-control--regular","ph--asterisk--regular","ph--atom--regular","ph--basketball--regular","ph--butterfly--regular","ph--cactus--regular","ph--cake--regular","ph--calendar-dots--regular","ph--campfire--regular","ph--command--regular","ph--confetti--regular","ph--detective--regular","ph--disco-ball--regular","ph--dna--regular","ph--factory--regular","ph--flag-banner-fold--regular","ph--flask--regular","ph--flower-lotus--regular","ph--flying-saucer--regular","ph--game-controller--regular","ph--gavel--regular","ph--gift--regular","ph--guitar--regular","ph--hamburger--regular","ph--handshake--regular","ph--heart--regular","ph--lightbulb--regular","ph--lock--regular","ph--martini--regular","ph--medal-military--regular","ph--moped-front--regular","ph--office-chair--regular","ph--paint-brush-household--regular","ph--peace--regular","ph--person-simple-hike--regular","ph--piggy-bank--regular","ph--potted-plant--regular","ph--radioactive--regular","ph--rocket-launch--regular","ph--shield-star--regular","ph--shopping-cart--regular","ph--stethoscope--regular","ph--student--regular","ph--sun--regular","ph--tote--regular","ph--tree--regular","ph--users-three--regular","ph--yin-yang--regular"];icons.map($=>{var _;return((_=$.match(/ph--(.+)--regular/))==null?void 0:_[1])??$});var withSelector={exports:{}},withSelector_production_min={},shim={exports:{}},useSyncExternalStoreShim_production_min={};/**
+`;function $e5534fc185f7111e$export$2e2bcd8739ae039($){const _=React.useRef(null),I=React.useRef(null);return I.current&&I.current.update($),React.useEffect(()=>(I.current=new $efa000751917694d$export$2e2bcd8739ae039({...$,ref:_}),()=>{I.current=null}),[]),React.createElement("div",{ref:_})}var EmojiPickerToolbarButton=({disabled:$,defaultEmoji:_,emoji:I,onChangeEmoji:j,classNames:U})=>{const{t:G}=useTranslation("os"),{themeMode:q}=useThemeContext(),[K,J]=useControllableState({prop:I,onChange:j,defaultProp:_}),[Y,X]=React.useState(!1),Q=React.useRef(!1),[Z,ee]=React.useState(!1);return React.createElement(Tooltip.Root,{open:Z,onOpenChange:ne=>{Q.current?(ee(!1),Q.current=!1):ee(ne)}},React.createElement(Popover.Root,{open:Y,onOpenChange:ne=>{X(ne),Q.current=!0}},React.createElement(Tooltip.Trigger,{asChild:!0},React.createElement(Popover.Trigger,{asChild:!0},React.createElement(Toolbar.Button,{classNames:["gap-2 text-2xl plb-1",U],disabled:$},React.createElement("span",{className:"sr-only"},G("select emoji label")),React.createElement(Icon,{icon:"ph--user-circle--regular",size:5})))),React.createElement(Tooltip.Portal,null,React.createElement(Tooltip.Content,{side:"bottom"},G("select emoji label"),React.createElement(Tooltip.Arrow,null))),React.createElement(Popover.Portal,null,React.createElement(Popover.Content,{side:"bottom",onKeyDownCapture:ne=>{ne.key==="Escape"&&(ne.stopPropagation(),X(!1),Q.current=!0)}},React.createElement($e5534fc185f7111e$export$2e2bcd8739ae039,{data:emojiData,onEmojiSelect:({native:ne})=>{ne&&(J(ne),X(!1))},autoFocus:!0,maxFrequentRows:0,noCountryFlags:!0,theme:q}),React.createElement(Popover.Arrow,null)))))},ToolbarPickerButton=({Component:$,disabled:_,classNames:I,defaultValue:j,value:U,values:G,label:q,icon:K,onChange:J,onReset:Y})=>{const[X,Q]=useControllableState({prop:U,defaultProp:j,onChange:J});React.useEffect(()=>Q(U),[U]);const[Z,ee]=React.useState(!1),ne=React.useRef(!1),[ie,ae]=React.useState(!1);return React.createElement(Tooltip.Root,{open:ie,onOpenChange:oe=>{ne.current?(ae(!1),ne.current=!1):ae(oe)}},React.createElement(DropdownMenu.Root,{modal:!1,open:Z,onOpenChange:oe=>{ee(oe),ne.current=!0}},React.createElement(Tooltip.Trigger,{asChild:!0},React.createElement(DropdownMenu.Trigger,{asChild:!0},React.createElement(Toolbar.Button,{classNames:mx("gap-2 plb-1",I),disabled:_},React.createElement("span",{className:"sr-only"},q),X&&React.createElement($,{value:X})||React.createElement(Icon,{icon:K,size:5})))),React.createElement(Tooltip.Portal,null,React.createElement(Tooltip.Content,{side:"bottom"},q,React.createElement(Tooltip.Arrow,null))),React.createElement(DropdownMenu.Portal,null,React.createElement(DropdownMenu.Content,{side:"bottom",classNames:"!is-min"},React.createElement(DropdownMenu.Viewport,{classNames:"grid grid-cols-[repeat(6,2rem)]"},G.map(oe=>React.createElement(DropdownMenu.CheckboxItem,{key:oe,checked:oe===X,onCheckedChange:()=>Q(oe),classNames:"p-px items-center justify-center aspect-square"},React.createElement($,{value:oe}))),Y&&React.createElement(DropdownMenu.CheckboxItem,{onCheckedChange:()=>Y(),classNames:"p-px items-center justify-center aspect-square"},React.createElement(Icon,{icon:"ph--x--regular",size:6}))),React.createElement(DropdownMenu.Arrow,null)))))},HuePicker=$=>{const{t:_}=useTranslation("os");return React.createElement(ToolbarPickerButton,{Component:HuePreview,label:_("select hue label"),icon:"ph--palette--regular",values:hues,...$})},HuePreview=({value:$})=>React.createElement("div",{className:"flex p-[2px] justify-center items-center"},React.createElement("svg",{width:16,height:16,viewBox:"0 0 16 16"},React.createElement("rect",{x:0,y:0,width:16,height:16,fill:`var(--dx-${$}Fill)`,strokeWidth:4}))),icons=["ph--air-traffic-control--regular","ph--asterisk--regular","ph--atom--regular","ph--basketball--regular","ph--butterfly--regular","ph--cactus--regular","ph--cake--regular","ph--calendar-dots--regular","ph--campfire--regular","ph--command--regular","ph--confetti--regular","ph--detective--regular","ph--disco-ball--regular","ph--dna--regular","ph--factory--regular","ph--flag-banner-fold--regular","ph--flask--regular","ph--flower-lotus--regular","ph--flying-saucer--regular","ph--game-controller--regular","ph--gavel--regular","ph--gift--regular","ph--guitar--regular","ph--hamburger--regular","ph--handshake--regular","ph--heart--regular","ph--lightbulb--regular","ph--lock--regular","ph--martini--regular","ph--medal-military--regular","ph--moped-front--regular","ph--office-chair--regular","ph--paint-brush-household--regular","ph--peace--regular","ph--person-simple-hike--regular","ph--piggy-bank--regular","ph--potted-plant--regular","ph--radioactive--regular","ph--rocket-launch--regular","ph--shield-star--regular","ph--shopping-cart--regular","ph--stethoscope--regular","ph--student--regular","ph--sun--regular","ph--tote--regular","ph--tree--regular","ph--users-three--regular","ph--yin-yang--regular"];icons.map($=>{var _;return((_=$.match(/ph--(.+)--regular/))==null?void 0:_[1])??$});var withSelector={exports:{}},withSelector_production_min={},shim={exports:{}},useSyncExternalStoreShim_production_min={};/**
  * @license React
  * use-sync-external-store-shim.production.min.js
  *