@rafal.lemieszewski/tide-ui 0.87.1 → 0.87.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/fundamental/command.cjs +1 -1
- package/dist/cjs/components/fundamental/icon.cjs +2 -2
- package/dist/cjs/components/fundamental/sheet.cjs +1 -1
- package/dist/cjs/components/product/app-frame.cjs +1 -1
- package/dist/cjs/components/product/bookmarks.cjs +1 -1
- package/dist/cjs/components/product/data-table-settings-menu.cjs +1 -1
- package/dist/cjs/components/product/view-mode-menu.cjs +1 -1
- package/dist/es/components/fundamental/command.js +24 -23
- package/dist/es/components/fundamental/icon.js +60 -46
- package/dist/es/components/fundamental/sheet.js +27 -26
- package/dist/es/components/product/app-frame.js +38 -38
- package/dist/es/components/product/bookmarks.js +50 -50
- package/dist/es/components/product/data-table-settings-menu.js +8 -8
- package/dist/es/components/product/view-mode-menu.js +11 -11
- package/dist/types/components/fundamental/dropdown-menu.d.ts +3 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),k=require("react"),j=require("@radix-ui/react-dialog"),r=require("cmdk"),s=require("../../lib/utils.cjs"),R=require("./icon.cjs"),P=require("./button.cjs"),S=require("./input.cjs");function u(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const n=u(k),m=u(j),c=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command,{ref:t,loop:!0,className:s.cn("flex h-full w-full flex-col overflow-hidden rounded-m bg-[var(--color-surface-primary)] text-[var(--color-text-primary)]",a),...e}));c.displayName=r.Command.displayName;const I=({children:a,...e})=>o.jsx(m.Root,{...e,children:o.jsxs(m.Portal,{children:[o.jsx(m.Overlay,{className:s.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/25")}),o.jsx(m.Content,{className:s.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-l border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] p-0 shadow-lg duration-200 max-w-[450px]"),"aria-describedby":void 0,children:o.jsx(c,{className:"[&_[cmdk-group-heading]]:px-[var(--space-m)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-tertiary)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-item]]:px-[var(--space-m)] [&_[cmdk-item]]:min-h-[var(--size-m)] [&_[cmdk-item]]:py-[var(--space-s)] [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4",children:a})})]})}),x=n.forwardRef(({className:a,size:e="m",clearable:t=!0,onClear:d,value:i,..._},h)=>{const p=t&&i&&String(i).length>0,C=e==="s"?"s":"m",N=e==="s"?"pl-[30px]":"pl-[34px]",w=p?"pr-[calc(var(--size-s)+var(--space-m)+var(--space-s))]":"";return o.jsxs("div",{className:"relative p-[var(--space-s)] border-b border-[var(--color-border-primary-subtle)]","cmdk-input-wrapper":"",children:[o.jsx(R.Icon,{name:"search",size:C,color:"tertiary",className:"absolute left-[18px] top-1/2 -translate-y-1/2 pointer-events-none"}),o.jsx(r.Command.Input,{ref:h,value:i,className:s.cn(
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),k=require("react"),j=require("@radix-ui/react-dialog"),r=require("cmdk"),s=require("../../lib/utils.cjs"),R=require("./icon.cjs"),P=require("./button.cjs"),S=require("lucide-react"),q=require("./input.cjs");function u(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const n=u(k),m=u(j),c=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command,{ref:t,loop:!0,className:s.cn("flex h-full w-full flex-col overflow-hidden rounded-m bg-[var(--color-surface-primary)] text-[var(--color-text-primary)]",a),...e}));c.displayName=r.Command.displayName;const I=({children:a,...e})=>o.jsx(m.Root,{...e,children:o.jsxs(m.Portal,{children:[o.jsx(m.Overlay,{className:s.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/25")}),o.jsx(m.Content,{className:s.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] overflow-hidden rounded-l border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] p-0 shadow-lg duration-200 max-w-[450px]"),"aria-describedby":void 0,children:o.jsx(c,{className:"[&_[cmdk-group-heading]]:px-[var(--space-m)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-tertiary)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-item]]:px-[var(--space-m)] [&_[cmdk-item]]:min-h-[var(--size-m)] [&_[cmdk-item]]:py-[var(--space-s)] [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4",children:a})})]})}),x=n.forwardRef(({className:a,size:e="m",clearable:t=!0,onClear:d,value:i,..._},h)=>{const p=t&&i&&String(i).length>0,C=e==="s"?"s":"m",N=e==="s"?"pl-[30px]":"pl-[34px]",w=p?"pr-[calc(var(--size-s)+var(--space-m)+var(--space-s))]":"";return o.jsxs("div",{className:"relative p-[var(--space-s)] border-b border-[var(--color-border-primary-subtle)]","cmdk-input-wrapper":"",children:[o.jsx(R.Icon,{name:"search",size:C,color:"tertiary",className:"absolute left-[18px] top-1/2 -translate-y-1/2 pointer-events-none"}),o.jsx(r.Command.Input,{ref:h,value:i,className:s.cn(q.inputVariants({size:e,variant:"default"}),N,w,e==="s"&&"[&]:text-body-sm",e==="m"&&"[&]:text-body-md",e==="l"&&"[&]:text-body-md","[&]:focus-visible:outline-none","[&]:focus-visible:border-[#005f85]","[&]:focus-visible:!shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)]","[&]:focus:outline-none","[&]:focus:!shadow-[0px_0px_0px_2px_rgba(0,95,133,0.2),0px_3px_4px_0px_rgba(0,14,20,0.03)]",a),..._}),p&&o.jsx(P.Button,{type:"button",variant:"ghost",size:"s",icon:S.X,iconPosition:"only",onClick:l=>{l.preventDefault(),l.stopPropagation(),d?.()},className:"absolute right-[var(--space-m)] top-1/2 -translate-y-1/2 active:!translate-y-[-50%]","aria-label":"Clear search"})]})});x.displayName=r.Command.Input.displayName;const f=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command.List,{ref:t,className:s.cn("max-h-[300px] overflow-y-auto overflow-x-hidden",a),...e}));f.displayName=r.Command.List.displayName;const y=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command.Empty,{ref:t,className:s.cn("py-6 text-center [&]:text-body-md text-[var(--color-text-secondary)]",a),...e}));y.displayName=r.Command.Empty.displayName;const v=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command.Group,{ref:t,className:s.cn("overflow-hidden p-[var(--space-s)] text-[var(--color-text-primary)] [&_[cmdk-group-heading]]:px-[var(--space-m)] [&_[cmdk-group-heading]]:py-[var(--space-s)] [&_[cmdk-group-heading]]:[&]:text-body-medium-sm [&_[cmdk-group-heading]]:text-[var(--color-text-tertiary)]",a),...e}));v.displayName=r.Command.Group.displayName;const g=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command.Separator,{ref:t,className:s.cn("-mx-1 h-px bg-[var(--color-border-primary-subtle)]",a),...e}));g.displayName=r.Command.Separator.displayName;const b=n.forwardRef(({className:a,...e},t)=>o.jsx(r.Command.Item,{ref:t,className:s.cn("[&]:text-body-md relative flex cursor-pointer select-none items-center rounded-m px-[var(--space-m)] min-h-[var(--size-m)] py-[var(--space-s)] outline-none transition-colors aria-selected:bg-[var(--color-background-neutral-subtlest-hovered)] aria-selected:text-[var(--color-text-primary)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",a),...e}));b.displayName=r.Command.Item.displayName;exports.Command=c;exports.CommandDialog=I;exports.CommandEmpty=y;exports.CommandGroup=v;exports.CommandInput=x;exports.CommandItem=b;exports.CommandList=f;exports.CommandSeparator=g;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),d=require("../../lib/utils.cjs"),r=require("lucide-react"),u={primary:"text-[var(--color-icon-primary)]",secondary:"text-[var(--color-icon-secondary)]",tertiary:"text-[var(--color-icon-tertiary)]","tertiary-hover":"text-[var(--color-icon-tertiary-hovered)]",disabled:"text-[var(--color-icon-disabled)]","neutral-selected":"text-[var(--color-icon-neutral-bold-selected)]",information:"text-[var(--color-icon-info-bold)]",success:"text-[var(--color-icon-success-bold)]",error:"text-[var(--color-icon-error-bold)]",warning:"text-[var(--color-icon-warning-bold)]",selected:"text-[var(--color-icon-brand-bold-selected)]",brand:"text-[var(--color-icon-brand-bold)]","brand-hover":"text-[var(--color-icon-brand-bold-hovered)]","on-action":"text-[var(--color-icon-on-action)]",inverse:"text-[var(--color-icon-inverse)]",violet:"text-[var(--violet-500)]"},p={s:"w-[var(--size-3xs)] h-[var(--size-3xs)]",m:"w-[var(--size-2xs)] h-[var(--size-2xs)]",l:"w-[var(--size-xs)] h-[var(--size-xs)]",xl:"w-[var(--size-s)] h-[var(--size-s)]"},x={"alert-circle":r.AlertCircle,anchor:r.Anchor,"arrow-down-narrow-wide":r.ArrowDownNarrowWide,"arrow-down-to-line":r.ArrowDownToLine,"arrow-down-wide-narrow":r.ArrowDownWideNarrow,"arrow-left":r.ArrowLeft,"arrow-left-to-line":r.ArrowLeftToLine,"arrow-right":r.ArrowRight,"arrow-right-to-line":r.ArrowRightToLine,"arrow-up-to-line":r.ArrowUpToLine,bell:r.Bell,bookmark:r.Bookmark,check:r.Check,"chevron-down":r.ChevronDown,"chevron-left":r.ChevronLeft,"chevron-right":r.ChevronRight,"chevron-up":r.ChevronUp,circle:r.Circle,"circle-alert":r.CircleAlert,"circle-check":r.CircleCheck,"circle-help":r.CircleHelp,container:r.Container,"external-link":r.ExternalLink,filter:r.Filter,globe:r.Globe,"grip-vertical":r.GripVertical,house:r.House,info:r.Info,"layout-dashboard":r.LayoutDashboard,"list-filter":r.ListFilter,"loader-2":r.Loader2,"log-out":r.LogOut,"more-horizontal":r.MoreHorizontal,"panel-left":r.PanelLeft,pencil:r.Pencil,"plus-circle":r.PlusCircle,"rotate-ccw":r.RotateCcw,"scroll-text":r.ScrollText,search:r.Search,settings:r.Settings,ship:r.Ship,"shield-check":r.ShieldCheck,star:r.Star,"trash-2":r.Trash2,"triangle-alert":r.TriangleAlert,"trending-up":r.TrendingUp,user:r.User,x:r.X},f=g.forwardRef(({name:e,size:b="m",color:h,className:n,"aria-label":i,...c},v)=>{const l=h?u[h]:"text-current",a=p[b],s=i?{"aria-label":i,role:"img"}:{"aria-hidden":!0};if(typeof e!="string"){const o=e;return t.jsx(o,{className:d.cn("shrink-0",a,l,n),...s,...c})}if(e in x){const o=x[e];return t.jsx(o,{ref:v,className:d.cn("shrink-0",a,l,n),...s,...c})}const w=e.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("");return console.warn(`[Icon] "${e}" is not in the tide-ui icon set — a ? placeholder is shown instead. To render a Lucide icon, import it directly and pass the component reference (this avoids bundling all of lucide-react):
|
|
2
2
|
import { ${w} } from 'lucide-react'
|
|
3
|
-
<Icon name={${w}} />`),t.jsxs("svg",{ref:v,viewBox:"0 0 24 24",fill:"none",className:d.cn("shrink-0",a,l,n),...s,...c,children:[i&&t.jsx("title",{children:i}),t.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),t.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]})});
|
|
3
|
+
<Icon name={${w}} />`),t.jsxs("svg",{ref:v,viewBox:"0 0 24 24",fill:"none",className:d.cn("shrink-0",a,l,n),...s,...c,children:[i&&t.jsx("title",{children:i}),t.jsx("rect",{x:"2",y:"2",width:"20",height:"20",stroke:"currentColor",strokeWidth:"2",fill:"none"}),t.jsx("text",{x:"12",y:"16",textAnchor:"middle",fontSize:"12",fill:"currentColor",children:"?"})]})});f.displayName="Icon";exports.Icon=f;exports.iconColors=u;exports.iconSizes=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("react"),R=require("@radix-ui/react-dialog"),T=require("class-variance-authority"),i=require("../../lib/utils.cjs"),q=require("./button.cjs"),_=require("lucide-react");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const n=p(P),o=p(R),u=n.createContext({overlay:!1}),m=({modal:e,overlay:t=!1,...a})=>r.jsx(u.Provider,{value:{overlay:t},children:r.jsx(o.Root,{modal:e??t,...a})});m.displayName="Sheet";const z=o.Trigger,F=o.Close,f=o.Portal,d=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Overlay,{className:i.cn("fixed inset-0 z-50 bg-[var(--color-background-blanket)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:a}));d.displayName=o.Overlay.displayName;const k=T.cva("fixed z-50 gap-[var(--space-l)] bg-[var(--color-surface-primary)] p-[var(--space-3xl)] shadow-xl transition ease-in-out overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-[var(--space-s)] top-[var(--space-s)] rounded-m border-b border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-[var(--space-s)] bottom-[var(--space-s)] rounded-m border-t border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-[var(--space-s)] left-[var(--space-s)] rounded-m w-3/4 border-r border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-[var(--space-s)] right-[var(--space-s)] rounded-m w-3/4 border-l border-[var(--color-border-primary-subtle)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),v=n.forwardRef(({side:e="right",className:t,children:a,showClose:l=!0,dismissible:c=!0,overlay:g,onPointerDownOutside:S,onInteractOutside:j,onFocusOutside:N,...w},C)=>{const O=n.useContext(u),D=g??O.overlay;return r.jsxs(f,{children:[D&&r.jsx(d,{}),r.jsxs(o.Content,{ref:C,className:i.cn(k({side:e}),t),...w,onPointerDownOutside:s=>{c||s.preventDefault(),S?.(s)},onInteractOutside:s=>{c||s.preventDefault(),j?.(s)},onFocusOutside:s=>{c||s.preventDefault(),N?.(s)},children:[a,l&&r.jsx(o.Close,{asChild:!0,children:r.jsx(q.Button,{variant:"default",size:"m",icon:_.X,iconPosition:"only",className:"absolute right-[var(--space-l)] top-[var(--space-l)]",children:r.jsx("span",{className:"sr-only",children:"Close"})})})]})]})});v.displayName=o.Content.displayName;const h=({className:e,...t})=>r.jsx("div",{className:i.cn("flex flex-col space-y-[var(--space-s)] text-center sm:text-left",e),...t});h.displayName="SheetHeader";const x=({className:e,...t})=>r.jsx("div",{className:i.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-[var(--space-s)]",e),...t});x.displayName="SheetFooter";const y=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Title,{ref:a,className:i.cn("text-heading-lg text-[var(--color-text-primary)]",e),...t}));y.displayName=o.Title.displayName;const b=n.forwardRef(({className:e,...t},a)=>r.jsx(o.Description,{ref:a,className:i.cn("text-body-md text-[var(--color-text-secondary)]",e),...t}));b.displayName=o.Description.displayName;exports.Sheet=m;exports.SheetClose=F;exports.SheetContent=v;exports.SheetDescription=b;exports.SheetFooter=x;exports.SheetHeader=h;exports.SheetOverlay=d;exports.SheetPortal=f;exports.SheetTitle=y;exports.SheetTrigger=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("react"),t=require("../fundamental/sidebar.cjs"),E=require("../fundamental/button.cjs"),d=require("../fundamental/icon.cjs"),v=require("lucide-react"),p=require("../fundamental/avatar.cjs"),T=require("../fundamental/separator.cjs"),M=require("../fundamental/kbd.cjs"),o=require("../fundamental/dropdown-menu.cjs"),c=require("../fundamental/tooltip.cjs"),m=require("../fundamental/command.cjs");function F(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const h in n)if(h!=="default"){const l=Object.getOwnPropertyDescriptor(n,h);Object.defineProperty(i,h,l.get?l:{enumerable:!0,get:()=>n[h]})}}return i.default=n,Object.freeze(i)}const f=F(H),O={name:"John Doe",email:"john@example.com",avatarUrl:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=32&h=32&fit=crop&crop=face"},B=[{name:"Acme Corp",role:"Admin",plan:"Enterprise",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"},{name:"Startup Inc",role:"Member",plan:"Pro",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"}],R={main:[{title:"Home",icon:"house",url:"/home",isActive:!1},{title:"Boards",icon:"layout-dashboard",url:"/boards",isActive:!1}],operations:[{title:"Voyage economics",icon:"ship",url:"/freight-planner",isActive:!1,items:[]},{title:"Trade desk",icon:"trending-up",url:"/trade-desk",isActive:!1,items:[]},{title:"Agreements",icon:"scroll-text",url:"/agreements",isActive:!0,items:[{title:"Recaps",url:"/agreements/recaps",isActive:!0},{title:"Contracts",url:"/agreements/contracts",isActive:!1},{title:"Clause library",url:"/agreements/clause-library",isActive:!1}]},{title:"Compliance",icon:"shield-check",url:"/compliance",isActive:!1,items:[]}],intelligence:[{title:"Global market",icon:"globe",url:"/global-market",isActive:!1,items:[{title:"Supply",url:"/global-market/supply",isActive:!1},{title:"Commodities",url:"/global-market/commodities",isActive:!1},{title:"Freight",url:"/global-market/freight",isActive:!1}]},{title:"Assets",icon:"container",url:"/assets",isActive:!1,items:[{title:"Vessels",url:"/assets/vessels",isActive:!1},{title:"Fleets",url:"/assets/fleets",isActive:!1},{title:"Ports",url:"/assets/ports",isActive:!1},{title:"Canals",url:"/assets/canals",isActive:!1}]},{title:"Fixtures",icon:"anchor",url:"/fixtures",isActive:!1}],support:[{title:"Notifications",icon:"bell",url:"/notifications",isActive:!1},{title:"Help & support",icon:"circle-help",url:"/help-support",isActive:!1}]},I=n=>n.split(" ").filter(Boolean).map(i=>i[0]).join("").slice(0,2).toUpperCase(),A=n=>n.split(" ").filter(Boolean).map(i=>i[0]).join("").slice(0,2).toUpperCase(),z=()=>typeof navigator<"u"&&/Mac|iPod|iPhone|iPad/.test(navigator.userAgent);function D(n){const i={};return[...n.main||[],...n.operations||[],...n.intelligence||[],...n.support||[]].forEach(l=>{if(l.items&&l.items.length>0){const b=l.items.some(j=>j.isActive);i[l.title]=b}}),i}function U({navigationData:n,user:i,teams:h,onNavigate:l,navigationMode:b,onNavigationModeChange:j}){const[g,u]=f.useState(!1),[S,w]=f.useState(""),[y,a]=f.useState(()=>D(n)),[x,C]=f.useState(h[0]),V=r=>{a(s=>({...s,[r]:!s[r]}))},L=r=>r.items&&r.items.some(s=>s.isActive),N=r=>{if(r.items&&r.items.length>0){const s=r.items.find(k=>k.isActive);if(s)return`${r.title} → ${s.title}`}return r.title};return f.useEffect(()=>{const r=s=>{s.key==="k"&&(s.metaKey||s.ctrlKey)&&(s.preventDefault(),u(k=>!k))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[]),f.useEffect(()=>{a(D(n))},[n]),e.jsxs(c.TooltipProvider,{delayDuration:100,children:[e.jsxs(t.Sidebar,{variant:"sidebar",collapsible:"icon",className:"flex h-full flex-col",children:[e.jsx(t.SidebarHeader,{className:"sticky top-0 z-10 h-12 border-b border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 box-border",children:e.jsx("div",{className:"flex h-[22px] w-7 items-center justify-center",children:e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"#005F85"})})})}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto group-data-[collapsible=icon]:overflow-hidden","data-sidebar":"content",children:[e.jsx("div",{className:"p-[var(--space-m)] pt-[var(--space-s)] group-data-[collapsible=icon]:px-2",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute top-1/2 left-2 -translate-y-1/2 group-data-[collapsible=icon]:hidden",children:e.jsx(d.Icon,{name:v.Search,size:"m",color:"tertiary"})}),e.jsxs("div",{className:"group-data-[collapsible=icon]:hidden",children:[e.jsx("button",{onClick:()=>u(!0),className:"text-body-md flex h-8 w-full cursor-pointer items-center rounded-m border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] px-3 py-1 pr-20 pl-8 text-left text-[var(--color-text-tertiary)] transition-colors hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]",children:"Search"}),e.jsxs("div",{className:"absolute top-1/2 right-2 flex -translate-y-1/2 gap-1",children:[e.jsx(M.Kbd,{size:"s",children:z()?"⌘":"Ctrl"}),e.jsx(M.Kbd,{size:"s",children:"K"})]})]}),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx("button",{onClick:()=>u(!0),className:"hidden h-8 w-8 cursor-pointer items-center justify-center rounded border border-[var(--color-border-primary-subtle)] bg-transparent transition-all duration-200 group-data-[collapsible=icon]:flex hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]","aria-label":"Search",children:e.jsx(d.Icon,{name:v.Search,size:"m",color:"tertiary"})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:"Search"}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(M.Kbd,{size:"s",variant:"dark",children:z()?"⌘":"Ctrl"}),e.jsx(M.Kbd,{size:"s",variant:"dark",children:"K"})]})]})})]})]})}),e.jsx(t.SidebarGroup,{className:"pb-1 mt-1 p-[var(--space-s)]",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.main.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(T.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Operations"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.operations.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>V(r.title),children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(d.Icon,{name:v.ChevronRight,size:"s",className:`ml-auto transition-transform ${y[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&y[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:k=>{l&&(k.preventDefault(),l(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:L(r),className:"w-full justify-center",children:e.jsx(d.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{l&&l(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})]}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(T.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Intelligence"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.intelligence.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>V(r.title),children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(d.Icon,{name:v.ChevronRight,size:"s",className:`ml-auto transition-transform ${y[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&y[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:k=>{l&&(k.preventDefault(),l(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:L(r),className:"w-full justify-center",children:e.jsx(d.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{l&&l(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})]}),e.jsx(t.SidebarGroup,{className:"pb-2 p-[var(--space-s)] mt-auto",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.support.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{l&&(s.preventDefault(),l(r.url))},children:[e.jsx(d.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})})]}),e.jsx(t.SidebarFooter,{className:"sticky bottom-0 z-10 border-t border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:py-2",children:e.jsx("div",{className:"group/user-menu rounded-m border border-[var(--color-border-primary-subtle)] transition-colors hover:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:border-none",children:e.jsxs(o.DropdownMenu,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(E.Button,{variant:"ghost",className:"h-auto min-h-[56px] w-full justify-start rounded-m px-3 py-2 hover:!bg-[var(--color-background-neutral-subtlest-hovered)] group-data-[collapsible=icon]:h-8 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:w-8 group-data-[collapsible=icon]:p-0",children:[e.jsxs("div",{className:"flex w-full items-center gap-3 group-data-[collapsible=icon]:hidden",children:[e.jsxs("div",{className:"relative flex-shrink-0",children:[e.jsxs(p.Avatar,{size:"m",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"m",type:"user",children:I(i.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[4px] border-2 border-white p-0",children:e.jsxs(p.Avatar,{size:"xxs",type:"organization",children:[e.jsx(p.AvatarImage,{src:x.avatarUrl,alt:x.name}),e.jsx(p.AvatarFallback,{size:"xxs",type:"organization",children:A(x.name)})]})})]}),e.jsxs("div",{className:"min-w-0 flex-1 text-left",children:[e.jsx("div",{className:"text-body-medium-sm truncate font-medium text-[var(--color-text-primary)]",children:i.name}),e.jsxs("div",{className:"text-body-xsm text-[var(--color-text-secondary)]",children:[x.role," at ",x.name]})]}),e.jsx(d.Icon,{name:v.ChevronDown,size:"m",className:"opacity-50"})]}),e.jsxs("div",{className:"relative hidden group-data-[collapsible=icon]:block",children:[e.jsxs(p.Avatar,{size:"s",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"s",type:"user",children:I(i.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[2px] border-2 border-white bg-[var(--color-surface-primary)]",children:e.jsxs(p.Avatar,{size:"xxs",type:"organization",children:[e.jsx(p.AvatarImage,{src:x.avatarUrl,alt:x.name}),e.jsx(p.AvatarFallback,{size:"xxs",type:"organization",children:A(x.name)})]})})]})]})}),e.jsxs(o.DropdownMenuContent,{className:"w-[--radix-dropdown-menu-trigger-width]",align:"start",side:"top",sideOffset:4,children:[e.jsx(o.DropdownMenuLabel,{className:"p-0 font-normal",children:e.jsxs("div",{className:"flex items-center gap-3 px-2 py-2",children:[e.jsxs(p.Avatar,{size:"s",type:"user",children:[e.jsx(p.AvatarImage,{src:i.avatarUrl,alt:i.name}),e.jsx(p.AvatarFallback,{size:"s",type:"user",children:I(i.name)})]}),e.jsxs("div",{className:"grid flex-1 text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:i.name}),e.jsx("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:i.email})]})]})}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Organizations"}),h.map(r=>e.jsxs(o.DropdownMenuItem,{onSelect:()=>C(r),className:"mx-1 mb-1 h-10 cursor-pointer gap-2 px-1 pr-2 pl-1",children:[e.jsxs(p.Avatar,{size:"s",type:"organization",children:[e.jsx(p.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(p.AvatarFallback,{size:"s",type:"organization",children:A(r.name)})]}),e.jsxs("div",{className:"flex flex-1 flex-col text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:r.name}),e.jsxs("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:[r.role," • ",r.plan," plan"]})]}),x.name===r.name&&e.jsx(d.Icon,{name:v.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]},r.name)),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Navigation"}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-0.5 cursor-pointer gap-2 px-2",onSelect:()=>j("sidebar"),children:[e.jsx("span",{className:"flex-1",children:"New sidebar navigation"}),b==="sidebar"&&e.jsx(d.Icon,{name:v.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-1 cursor-pointer gap-2 px-2",onSelect:()=>j("horizontal"),children:[e.jsx("span",{className:"flex-1",children:"Old horizontal menu"}),b==="horizontal"&&e.jsx(d.Icon,{name:v.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:"user",className:"cursor-pointer",onSelect:()=>{l&&l("/user/profile")},children:"User profile"}),e.jsx(o.DropdownMenuItem,{icon:"settings",className:"cursor-pointer",onSelect:()=>{l&&l("/organization/settings")},children:"Organization settings"}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:"log-out",destructive:!0,className:"cursor-pointer",onSelect:()=>{l&&l("/auth/sign-out")},children:"Sign out"})]})]})})}),e.jsx(t.SidebarRail,{})]}),e.jsxs(m.CommandDialog,{open:g,onOpenChange:u,children:[e.jsx(m.CommandInput,{placeholder:"Type a command or search...",value:S,onValueChange:w,clearable:!1}),e.jsxs(m.CommandList,{children:[e.jsx(m.CommandEmpty,{children:"No results found."}),e.jsxs(m.CommandGroup,{heading:"Quick actions",children:[e.jsxs(m.CommandItem,{onSelect:()=>console.log("Reload"),children:[e.jsx(d.Icon,{name:v.RotateCcw,size:"s",className:"mr-2"}),e.jsx("span",{children:"Reload Page"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[z()?"⌘":"Ctrl","R"]})]}),e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:v.Search,size:"s",className:"mr-2"}),e.jsx("span",{children:"Search"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[z()?"⌘":"Ctrl","K"]})]})]}),e.jsxs(m.CommandGroup,{heading:"Navigation",children:[n.main.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.operations.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.intelligence.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))]}),e.jsx(m.CommandGroup,{heading:"Settings",children:n.support.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsx(d.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))}),e.jsx(m.CommandGroup,{heading:"Switch team",children:h.map(r=>e.jsxs(m.CommandItem,{onSelect:()=>u(!1),children:[e.jsxs(p.Avatar,{size:"s",className:"mr-2",type:"organization",children:[e.jsx(p.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(p.AvatarFallback,{size:"s",type:"organization",children:A(r.name)})]}),e.jsx("span",{children:r.name})]},r.name))})]})]})]})}function G({navigationData:n,user:i,activeTeam:h,onNavigate:l,navigationMode:b,onNavigationModeChange:j}){const[g,u]=f.useState(!1),S=f.useRef(null);f.useEffect(()=>{if(!g)return;const a=x=>{S.current&&!S.current.contains(x.target)&&u(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[g]);const w=[...n.main,...n.operations,...n.intelligence],y=I(i.name);return e.jsxs("div",{style:{width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",height:48,backgroundColor:"#162736",padding:"0 16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[e.jsx("rect",{width:"20",height:"20",rx:"4",fill:"#005F85"}),e.jsx("rect",{x:"4",y:"4",width:"5",height:"5",rx:"1",fill:"white"}),e.jsx("rect",{x:"11",y:"4",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"4",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"11",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.4"})]}),e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"white"})})]}),e.jsx("div",{style:{flex:1}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("button",{onClick:()=>l?.("/notifications"),style:{background:"none",border:"none",cursor:"pointer",padding:6,borderRadius:4,display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"}),e.jsx("path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0"})]})}),e.jsxs("div",{ref:S,style:{position:"relative"},children:[e.jsx("button",{onClick:()=>u(a=>!a),style:{width:32,height:32,borderRadius:"50%",backgroundColor:"#005F85",color:"white",border:"2px solid rgba(255,255,255,0.3)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:12,fontWeight:600,padding:0},children:i.avatarUrl?e.jsx("img",{src:i.avatarUrl,alt:i.name,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"cover"}}):y}),g&&e.jsxs("div",{style:{position:"absolute",top:40,right:0,width:220,backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 24px rgba(0,0,0,0.15)",zIndex:9999,padding:"4px 0",fontSize:14},children:[e.jsxs("div",{style:{padding:"8px 12px",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{fontWeight:600,color:"#111827"},children:i.name}),e.jsx("div",{style:{fontSize:12,color:"#6b7280"},children:i.email})]}),e.jsxs("div",{style:{padding:"4px 0",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{padding:"4px 12px",fontSize:11,fontWeight:500,color:"#9ca3af",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Navigation"}),e.jsxs("button",{onClick:()=>{j("sidebar"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"New sidebar navigation"}),b==="sidebar"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]}),e.jsxs("button",{onClick:()=>{j("horizontal"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"Old horizontal menu"}),b==="horizontal"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]})]}),e.jsx("div",{style:{padding:"4px 0"},children:e.jsx("button",{onClick:()=>{l?.("/auth/sign-out"),u(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#dc2626",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#fef2f2"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:"Sign out"})})]})]})]})]}),e.jsx("div",{style:{display:"flex",alignItems:"center",height:40,backgroundColor:"#1e3a4f",padding:"0 16px",gap:2,overflowX:"auto"},children:w.map(a=>{const x=a.isActive||(a.items?.some(C=>C.isActive)??!1);return e.jsx("button",{onClick:C=>{C.preventDefault(),l?.(a.url)},style:{padding:"6px 14px",borderRadius:4,border:"none",cursor:"pointer",fontSize:13,fontWeight:x?600:400,color:"white",backgroundColor:x?"#005F85":"transparent",whiteSpace:"nowrap",transition:"background-color 0.15s"},onMouseEnter:C=>{x||(C.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)")},onMouseLeave:C=>{x||(C.currentTarget.style.backgroundColor="transparent")},children:a.title},a.title)})})]})}function q(){const{state:n,toggleSidebar:i}=t.useSidebar(),h=n==="collapsed";return f.useEffect(()=>{const l=b=>{b.key==="["&&(b.preventDefault(),i())};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[i]),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarTrigger,{className:"-ml-1"})}),e.jsx(c.TooltipContent,{side:"bottom",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:h?"Expand sidebar":"Collapse sidebar"}),e.jsx(M.Kbd,{size:"s",variant:"dark",children:"["})]})})]})}function K({navigationData:n=R,user:i=O,teams:h=B,defaultSidebarOpen:l=!0,headerContent:b,headerTabs:j,headerActions:g,children:u,onNavigate:S}){const[w,y]=f.useState("sidebar"),[a]=f.useState(h[0]);return w==="horizontal"?e.jsxs("div",{className:"h-screen overflow-hidden",style:{display:"flex",flexDirection:"column"},children:[e.jsx(G,{navigationData:n,user:i,activeTeam:a,onNavigate:S,navigationMode:w,onNavigationModeChange:y}),e.jsx("div",{style:{flex:1,overflow:"auto",minHeight:0,backgroundColor:"var(--color-surface-base)"},children:u})]}):e.jsx("div",{className:"h-screen overflow-hidden",children:e.jsxs(t.SidebarProvider,{defaultOpen:l,children:[e.jsx(U,{navigationData:n,user:i,teams:h,onNavigate:S,navigationMode:w,onNavigationModeChange:y}),e.jsxs(t.SidebarInset,{children:[(b||g||j)&&e.jsxs("header",{className:"flex h-12 shrink-0 items-center gap-2 border-b border-[var(--color-border-primary-subtle)] transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 box-border px-[var(--space-m)]",children:[e.jsx(q,{}),e.jsx(T.Separator,{layout:"horizontal",className:"mr-2 h-4"}),e.jsx("div",{className:"flex-1 min-w-0",children:b}),e.jsxs("div",{className:"flex items-center gap-2 ml-auto shrink-0",children:[j&&e.jsx("div",{className:"flex items-center gap-2",children:j}),j&&g&&e.jsx("span",{className:"text-[var(--color-text-tertiary)] select-none","aria-hidden":!0,children:"•"}),g&&e.jsx("div",{className:"flex items-center gap-2",children:g})]})]}),e.jsx("div",{className:"flex flex-1 flex-col overflow-auto min-h-0 min-w-0",children:u})]})]})})}exports.AppFrame=K;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("react"),t=require("../fundamental/sidebar.cjs"),O=require("../fundamental/button.cjs"),p=require("../fundamental/icon.cjs"),d=require("lucide-react"),u=require("../fundamental/avatar.cjs"),I=require("../fundamental/separator.cjs"),M=require("../fundamental/kbd.cjs"),o=require("../fundamental/dropdown-menu.cjs"),c=require("../fundamental/tooltip.cjs"),b=require("../fundamental/command.cjs");function E(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const m in n)if(m!=="default"){const i=Object.getOwnPropertyDescriptor(n,m);Object.defineProperty(l,m,i.get?i:{enumerable:!0,get:()=>n[m]})}}return l.default=n,Object.freeze(l)}const g=E(H),F={name:"John Doe",email:"john@example.com",avatarUrl:"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=32&h=32&fit=crop&crop=face"},B=[{name:"Acme Corp",role:"Admin",plan:"Enterprise",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"},{name:"Startup Inc",role:"Member",plan:"Pro",avatarUrl:"https://useful-toucan-91.convex.cloud/api/storage/5e36a31d-3f0a-4bb0-95db-f5b1c8e8af93"}],U={main:[{title:"Home",icon:d.House,url:"/home",isActive:!1},{title:"Boards",icon:d.LayoutDashboard,url:"/boards",isActive:!1}],operations:[{title:"Voyage economics",icon:d.Ship,url:"/freight-planner",isActive:!1,items:[]},{title:"Trade desk",icon:d.TrendingUp,url:"/trade-desk",isActive:!1,items:[]},{title:"Agreements",icon:d.ScrollText,url:"/agreements",isActive:!0,items:[{title:"Recaps",url:"/agreements/recaps",isActive:!0},{title:"Contracts",url:"/agreements/contracts",isActive:!1},{title:"Clause library",url:"/agreements/clause-library",isActive:!1}]},{title:"Compliance",icon:d.ShieldCheck,url:"/compliance",isActive:!1,items:[]}],intelligence:[{title:"Global market",icon:d.Globe,url:"/global-market",isActive:!1,items:[{title:"Supply",url:"/global-market/supply",isActive:!1},{title:"Commodities",url:"/global-market/commodities",isActive:!1},{title:"Freight",url:"/global-market/freight",isActive:!1}]},{title:"Assets",icon:d.Container,url:"/assets",isActive:!1,items:[{title:"Vessels",url:"/assets/vessels",isActive:!1},{title:"Fleets",url:"/assets/fleets",isActive:!1},{title:"Ports",url:"/assets/ports",isActive:!1},{title:"Canals",url:"/assets/canals",isActive:!1}]},{title:"Fixtures",icon:d.Anchor,url:"/fixtures",isActive:!1}],support:[{title:"Notifications",icon:d.Bell,url:"/notifications",isActive:!1},{title:"Help & support",icon:d.CircleHelp,url:"/help-support",isActive:!1}]},T=n=>n.split(" ").filter(Boolean).map(l=>l[0]).join("").slice(0,2).toUpperCase(),A=n=>n.split(" ").filter(Boolean).map(l=>l[0]).join("").slice(0,2).toUpperCase(),z=()=>typeof navigator<"u"&&/Mac|iPod|iPhone|iPad/.test(navigator.userAgent);function D(n){const l={};return[...n.main||[],...n.operations||[],...n.intelligence||[],...n.support||[]].forEach(i=>{if(i.items&&i.items.length>0){const j=i.items.some(f=>f.isActive);l[i.title]=j}}),l}function R({navigationData:n,user:l,teams:m,onNavigate:i,navigationMode:j,onNavigationModeChange:f}){const[v,x]=g.useState(!1),[S,w]=g.useState(""),[y,a]=g.useState(()=>D(n)),[h,C]=g.useState(m[0]),V=r=>{a(s=>({...s,[r]:!s[r]}))},L=r=>r.items&&r.items.some(s=>s.isActive),N=r=>{if(r.items&&r.items.length>0){const s=r.items.find(k=>k.isActive);if(s)return`${r.title} → ${s.title}`}return r.title};return g.useEffect(()=>{const r=s=>{s.key==="k"&&(s.metaKey||s.ctrlKey)&&(s.preventDefault(),x(k=>!k))};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[]),g.useEffect(()=>{a(D(n))},[n]),e.jsxs(c.TooltipProvider,{delayDuration:100,children:[e.jsxs(t.Sidebar,{variant:"sidebar",collapsible:"icon",className:"flex h-full flex-col",children:[e.jsx(t.SidebarHeader,{className:"sticky top-0 z-10 h-12 border-b border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-2 box-border",children:e.jsx("div",{className:"flex h-[22px] w-7 items-center justify-center",children:e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"#005F85"})})})}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto group-data-[collapsible=icon]:overflow-hidden","data-sidebar":"content",children:[e.jsx("div",{className:"p-[var(--space-m)] pt-[var(--space-s)] group-data-[collapsible=icon]:px-2",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute top-1/2 left-2 -translate-y-1/2 group-data-[collapsible=icon]:hidden",children:e.jsx(p.Icon,{name:d.Search,size:"m",color:"tertiary"})}),e.jsxs("div",{className:"group-data-[collapsible=icon]:hidden",children:[e.jsx("button",{onClick:()=>x(!0),className:"text-body-md flex h-8 w-full cursor-pointer items-center rounded-m border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] px-3 py-1 pr-20 pl-8 text-left text-[var(--color-text-tertiary)] transition-colors hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]",children:"Search"}),e.jsxs("div",{className:"absolute top-1/2 right-2 flex -translate-y-1/2 gap-1",children:[e.jsx(M.Kbd,{size:"s",children:z()?"⌘":"Ctrl"}),e.jsx(M.Kbd,{size:"s",children:"K"})]})]}),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx("button",{onClick:()=>x(!0),className:"hidden h-8 w-8 cursor-pointer items-center justify-center rounded border border-[var(--color-border-primary-subtle)] bg-transparent transition-all duration-200 group-data-[collapsible=icon]:flex hover:border-[var(--color-border-primary-medium)] hover:!bg-[var(--color-background-neutral-subtlest-hovered)] focus:border-[var(--color-border-brand-bold)] focus:ring-2 focus:ring-[var(--color-border-brand-bold)]/20 focus:ring-offset-0 focus:outline-none active:border-[var(--color-border-primary-medium)]","aria-label":"Search",children:e.jsx(p.Icon,{name:d.Search,size:"m",color:"tertiary"})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:"Search"}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(M.Kbd,{size:"s",variant:"dark",children:z()?"⌘":"Ctrl"}),e.jsx(M.Kbd,{size:"s",variant:"dark",children:"K"})]})]})})]})]})}),e.jsx(t.SidebarGroup,{className:"pb-1 mt-1 p-[var(--space-s)]",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.main.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{i&&(s.preventDefault(),i(r.url))},children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(I.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Operations"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.operations.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>V(r.title),children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(p.Icon,{name:d.ChevronRight,size:"s",className:`ml-auto transition-transform ${y[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&y[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:k=>{i&&(k.preventDefault(),i(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:L(r),className:"w-full justify-center",children:e.jsx(p.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{i&&i(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{i&&(s.preventDefault(),i(r.url))},children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})]}),e.jsx("div",{className:"my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex",children:e.jsx(I.Separator,{layout:"vertical"})}),e.jsxs(t.SidebarGroup,{className:"mt-1 p-[var(--space-s)]",children:[e.jsx(t.SidebarGroupLabel,{className:"py-1 pb-1.5 group-data-[collapsible=icon]:hidden",children:"Intelligence"}),e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.intelligence.map(r=>e.jsx(t.SidebarMenuItem,{children:r.items&&r.items.length>0?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"group-data-[collapsible=icon]:hidden",children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive&&!r.items?.length,onClick:()=>V(r.title),children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title}),e.jsx(p.Icon,{name:d.ChevronRight,size:"s",className:`ml-auto transition-transform ${y[r.title]?"rotate-90":""}`})]})}),r.items&&r.items.length>0&&y[r.title]&&e.jsx(t.SidebarMenuSub,{children:r.items.map(s=>e.jsx(t.SidebarMenuSubItem,{children:e.jsx(t.SidebarMenuSubButton,{isActive:s.isActive,onClick:k=>{i&&(k.preventDefault(),i(s.url))},children:e.jsx("span",{children:s.title})})},s.title))}),e.jsx("div",{className:"hidden group-data-[collapsible=icon]:block",children:e.jsxs(o.DropdownMenu,{children:[e.jsxs(c.Tooltip,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarMenuButton,{isActive:L(r),className:"w-full justify-center",children:e.jsx(p.Icon,{name:r.icon,size:"s"})})})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]}),e.jsxs(o.DropdownMenuContent,{side:"right",sideOffset:8,align:"start",children:[e.jsx(o.DropdownMenuLabel,{className:"text-body-medium-sm font-medium",children:r.title}),e.jsx(o.DropdownMenuSeparator,{}),r.items.map(s=>e.jsx(o.DropdownMenuItem,{className:s.isActive?"bg-[var(--color-background-blue-subtle-selected)] text-[var(--color-text-brand-bold)]":"",onSelect:()=>{i&&i(s.url)},children:s.title},s.title))]})]})})]}):e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{i&&(s.preventDefault(),i(r.url))},children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})]}),e.jsx(t.SidebarGroup,{className:"pb-2 p-[var(--space-s)] mt-auto",children:e.jsx(t.SidebarGroupContent,{children:e.jsx(t.SidebarMenu,{children:n.support.map(r=>e.jsx(t.SidebarMenuItem,{children:e.jsxs(c.Tooltip,{children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsxs(t.SidebarMenuButton,{isActive:r.isActive,onClick:s=>{i&&(s.preventDefault(),i(r.url))},children:[e.jsx(p.Icon,{name:r.icon,size:"s"}),e.jsx("span",{children:r.title})]})}),e.jsx(c.TooltipContent,{side:"right",className:"hidden group-data-[collapsible=icon]:block",children:N(r)})]})},r.title))})})})]}),e.jsx(t.SidebarFooter,{className:"sticky bottom-0 z-10 border-t border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] group-data-[collapsible=icon]:px-2 group-data-[collapsible=icon]:py-2",children:e.jsx("div",{className:"group/user-menu rounded-m border border-[var(--color-border-primary-subtle)] transition-colors hover:border-[var(--color-border-primary-medium)] group-data-[collapsible=icon]:rounded-none group-data-[collapsible=icon]:border-none",children:e.jsxs(o.DropdownMenu,{children:[e.jsx(o.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(O.Button,{variant:"ghost",className:"h-auto min-h-[56px] w-full justify-start rounded-m px-3 py-2 hover:!bg-[var(--color-background-neutral-subtlest-hovered)] group-data-[collapsible=icon]:h-8 group-data-[collapsible=icon]:min-h-0 group-data-[collapsible=icon]:w-8 group-data-[collapsible=icon]:p-0",children:[e.jsxs("div",{className:"flex w-full items-center gap-3 group-data-[collapsible=icon]:hidden",children:[e.jsxs("div",{className:"relative flex-shrink-0",children:[e.jsxs(u.Avatar,{size:"m",type:"user",children:[e.jsx(u.AvatarImage,{src:l.avatarUrl,alt:l.name}),e.jsx(u.AvatarFallback,{size:"m",type:"user",children:T(l.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[4px] border-2 border-white p-0",children:e.jsxs(u.Avatar,{size:"xxs",type:"organization",children:[e.jsx(u.AvatarImage,{src:h.avatarUrl,alt:h.name}),e.jsx(u.AvatarFallback,{size:"xxs",type:"organization",children:A(h.name)})]})})]}),e.jsxs("div",{className:"min-w-0 flex-1 text-left",children:[e.jsx("div",{className:"text-body-medium-sm truncate font-medium text-[var(--color-text-primary)]",children:l.name}),e.jsxs("div",{className:"text-body-xsm text-[var(--color-text-secondary)]",children:[h.role," at ",h.name]})]}),e.jsx(p.Icon,{name:d.ChevronDown,size:"m",className:"opacity-50"})]}),e.jsxs("div",{className:"relative hidden group-data-[collapsible=icon]:block",children:[e.jsxs(u.Avatar,{size:"s",type:"user",children:[e.jsx(u.AvatarImage,{src:l.avatarUrl,alt:l.name}),e.jsx(u.AvatarFallback,{size:"s",type:"user",children:T(l.name)})]}),e.jsx("div",{className:"absolute -right-1 -bottom-1 rounded-[2px] border-2 border-white bg-[var(--color-surface-primary)]",children:e.jsxs(u.Avatar,{size:"xxs",type:"organization",children:[e.jsx(u.AvatarImage,{src:h.avatarUrl,alt:h.name}),e.jsx(u.AvatarFallback,{size:"xxs",type:"organization",children:A(h.name)})]})})]})]})}),e.jsxs(o.DropdownMenuContent,{className:"w-[--radix-dropdown-menu-trigger-width]",align:"start",side:"top",sideOffset:4,children:[e.jsx(o.DropdownMenuLabel,{className:"p-0 font-normal",children:e.jsxs("div",{className:"flex items-center gap-3 px-2 py-2",children:[e.jsxs(u.Avatar,{size:"s",type:"user",children:[e.jsx(u.AvatarImage,{src:l.avatarUrl,alt:l.name}),e.jsx(u.AvatarFallback,{size:"s",type:"user",children:T(l.name)})]}),e.jsxs("div",{className:"grid flex-1 text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:l.name}),e.jsx("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:l.email})]})]})}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Organizations"}),m.map(r=>e.jsxs(o.DropdownMenuItem,{onSelect:()=>C(r),className:"mx-1 mb-1 h-10 cursor-pointer gap-2 px-1 pr-2 pl-1",children:[e.jsxs(u.Avatar,{size:"s",type:"organization",children:[e.jsx(u.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(u.AvatarFallback,{size:"s",type:"organization",children:A(r.name)})]}),e.jsxs("div",{className:"flex flex-1 flex-col text-left",children:[e.jsx("span",{className:"text-body-medium-sm truncate font-semibold text-[var(--color-text-primary)]",children:r.name}),e.jsxs("span",{className:"text-caption-xsm truncate text-[var(--color-text-secondary)]",children:[r.role," • ",r.plan," plan"]})]}),h.name===r.name&&e.jsx(p.Icon,{name:d.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]},r.name)),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuLabel,{className:"px-2 py-1 text-[12px] font-medium text-[var(--color-text-tertiary)]",children:"Navigation"}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-0.5 cursor-pointer gap-2 px-2",onSelect:()=>f("sidebar"),children:[e.jsx("span",{className:"flex-1",children:"New sidebar navigation"}),j==="sidebar"&&e.jsx(p.Icon,{name:d.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsxs(o.DropdownMenuItem,{className:"mx-1 mb-1 cursor-pointer gap-2 px-2",onSelect:()=>f("horizontal"),children:[e.jsx("span",{className:"flex-1",children:"Old horizontal menu"}),j==="horizontal"&&e.jsx(p.Icon,{name:d.Check,size:"m",className:"text-[var(--color-icon-brand-bold)]"})]}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:d.User,className:"cursor-pointer",onSelect:()=>{i&&i("/user/profile")},children:"User profile"}),e.jsx(o.DropdownMenuItem,{icon:d.Settings,className:"cursor-pointer",onSelect:()=>{i&&i("/organization/settings")},children:"Organization settings"}),e.jsx(o.DropdownMenuSeparator,{}),e.jsx(o.DropdownMenuItem,{icon:d.LogOut,destructive:!0,className:"cursor-pointer",onSelect:()=>{i&&i("/auth/sign-out")},children:"Sign out"})]})]})})}),e.jsx(t.SidebarRail,{})]}),e.jsxs(b.CommandDialog,{open:v,onOpenChange:x,children:[e.jsx(b.CommandInput,{placeholder:"Type a command or search...",value:S,onValueChange:w,clearable:!1}),e.jsxs(b.CommandList,{children:[e.jsx(b.CommandEmpty,{children:"No results found."}),e.jsxs(b.CommandGroup,{heading:"Quick actions",children:[e.jsxs(b.CommandItem,{onSelect:()=>console.log("Reload"),children:[e.jsx(p.Icon,{name:d.RotateCcw,size:"s",className:"mr-2"}),e.jsx("span",{children:"Reload Page"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[z()?"⌘":"Ctrl","R"]})]}),e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsx(p.Icon,{name:d.Search,size:"s",className:"mr-2"}),e.jsx("span",{children:"Search"}),e.jsxs("span",{className:"text-caption-sm ml-auto text-[var(--color-text-tertiary)]",children:[z()?"⌘":"Ctrl","K"]})]})]}),e.jsxs(b.CommandGroup,{heading:"Navigation",children:[n.main.map(r=>e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsx(p.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.operations.map(r=>e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsx(p.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title)),n.intelligence.map(r=>e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsx(p.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))]}),e.jsx(b.CommandGroup,{heading:"Settings",children:n.support.map(r=>e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsx(p.Icon,{name:r.icon,size:"s",className:"mr-2"}),e.jsx("span",{children:r.title})]},r.title))}),e.jsx(b.CommandGroup,{heading:"Switch team",children:m.map(r=>e.jsxs(b.CommandItem,{onSelect:()=>x(!1),children:[e.jsxs(u.Avatar,{size:"s",className:"mr-2",type:"organization",children:[e.jsx(u.AvatarImage,{src:r.avatarUrl,alt:r.name}),e.jsx(u.AvatarFallback,{size:"s",type:"organization",children:A(r.name)})]}),e.jsx("span",{children:r.name})]},r.name))})]})]})]})}function G({navigationData:n,user:l,activeTeam:m,onNavigate:i,navigationMode:j,onNavigationModeChange:f}){const[v,x]=g.useState(!1),S=g.useRef(null);g.useEffect(()=>{if(!v)return;const a=h=>{S.current&&!S.current.contains(h.target)&&x(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[v]);const w=[...n.main,...n.operations,...n.intelligence],y=T(l.name);return e.jsxs("div",{style:{width:"100%"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",height:48,backgroundColor:"#162736",padding:"0 16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:[e.jsx("rect",{width:"20",height:"20",rx:"4",fill:"#005F85"}),e.jsx("rect",{x:"4",y:"4",width:"5",height:"5",rx:"1",fill:"white"}),e.jsx("rect",{x:"11",y:"4",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"4",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.6"}),e.jsx("rect",{x:"11",y:"11",width:"5",height:"5",rx:"1",fill:"white",opacity:"0.4"})]}),e.jsx("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.39355 0.688477C6.89528 0.688477 8.12094 1.67409 8.12109 3.74609V7.69043H5.5332V2.87695H3.28711V8.03125L8.12109 11.458V18.2705C8.12109 20.3262 6.92916 21.3125 4.39355 21.3125C1.85827 21.3124 0.701172 20.3261 0.701172 18.2705L0.700195 13.7412H3.28711V19.1396H5.5332V12.6777L0.701172 9.23438V3.74609C0.701322 1.67422 1.89214 0.688597 4.39355 0.688477ZM13.8379 0.6875C16.4752 0.687615 17.6152 1.67395 17.6152 3.74609V10.5312L12.6113 13.7236V19.123H15.0273V14.3096H17.6143V18.2705C17.6143 20.3262 16.4235 21.3125 13.8027 21.3125C11.1821 21.3125 10.0244 20.3262 10.0244 18.2705V3.74609H10.0254C10.0254 1.67382 11.2003 0.6875 13.8379 0.6875ZM23.333 0.6875C25.9537 0.6875 27.1113 1.67378 27.1113 3.72949V18.2539H27.1104C27.1104 20.3261 25.9363 21.3125 23.2988 21.3125C20.6612 21.3125 19.5205 20.3262 19.5205 18.2539V11.4688L24.5254 8.27637V2.87695H22.1084V7.69043H19.5215V3.72949C19.5215 1.67384 20.7124 0.687556 23.333 0.6875ZM22.1084 12.2197V19.1396H24.5254V10.5986L22.1084 12.2197ZM12.6113 11.4014L15.0273 9.78027V2.86035H12.6113V11.4014Z",fill:"white"})})]}),e.jsx("div",{style:{flex:1}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("button",{onClick:()=>i?.("/notifications"),style:{background:"none",border:"none",cursor:"pointer",padding:6,borderRadius:4,display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"}),e.jsx("path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0"})]})}),e.jsxs("div",{ref:S,style:{position:"relative"},children:[e.jsx("button",{onClick:()=>x(a=>!a),style:{width:32,height:32,borderRadius:"50%",backgroundColor:"#005F85",color:"white",border:"2px solid rgba(255,255,255,0.3)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:12,fontWeight:600,padding:0},children:l.avatarUrl?e.jsx("img",{src:l.avatarUrl,alt:l.name,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"cover"}}):y}),v&&e.jsxs("div",{style:{position:"absolute",top:40,right:0,width:220,backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 24px rgba(0,0,0,0.15)",zIndex:9999,padding:"4px 0",fontSize:14},children:[e.jsxs("div",{style:{padding:"8px 12px",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{fontWeight:600,color:"#111827"},children:l.name}),e.jsx("div",{style:{fontSize:12,color:"#6b7280"},children:l.email})]}),e.jsxs("div",{style:{padding:"4px 0",borderBottom:"1px solid #e5e7eb"},children:[e.jsx("div",{style:{padding:"4px 12px",fontSize:11,fontWeight:500,color:"#9ca3af",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Navigation"}),e.jsxs("button",{onClick:()=>{f("sidebar"),x(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"New sidebar navigation"}),j==="sidebar"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]}),e.jsxs("button",{onClick:()=>{f("horizontal"),x(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#374151",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#f3f4f6"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:[e.jsx("span",{style:{flex:1},children:"Old horizontal menu"}),j==="horizontal"&&e.jsx("span",{style:{color:"#005F85",fontWeight:700},children:"✓"})]})]}),e.jsx("div",{style:{padding:"4px 0"},children:e.jsx("button",{onClick:()=>{i?.("/auth/sign-out"),x(!1)},style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",background:"none",border:"none",cursor:"pointer",fontSize:14,color:"#dc2626",textAlign:"left"},onMouseEnter:a=>{a.currentTarget.style.backgroundColor="#fef2f2"},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent"},children:"Sign out"})})]})]})]})]}),e.jsx("div",{style:{display:"flex",alignItems:"center",height:40,backgroundColor:"#1e3a4f",padding:"0 16px",gap:2,overflowX:"auto"},children:w.map(a=>{const h=a.isActive||(a.items?.some(C=>C.isActive)??!1);return e.jsx("button",{onClick:C=>{C.preventDefault(),i?.(a.url)},style:{padding:"6px 14px",borderRadius:4,border:"none",cursor:"pointer",fontSize:13,fontWeight:h?600:400,color:"white",backgroundColor:h?"#005F85":"transparent",whiteSpace:"nowrap",transition:"background-color 0.15s"},onMouseEnter:C=>{h||(C.currentTarget.style.backgroundColor="rgba(255,255,255,0.1)")},onMouseLeave:C=>{h||(C.currentTarget.style.backgroundColor="transparent")},children:a.title},a.title)})})]})}function q(){const{state:n,toggleSidebar:l}=t.useSidebar(),m=n==="collapsed";return g.useEffect(()=>{const i=j=>{j.key==="["&&(j.preventDefault(),l())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[l]),e.jsxs(c.Tooltip,{delayDuration:500,children:[e.jsx(c.TooltipTrigger,{asChild:!0,children:e.jsx(t.SidebarTrigger,{className:"-ml-1"})}),e.jsx(c.TooltipContent,{side:"bottom",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:m?"Expand sidebar":"Collapse sidebar"}),e.jsx(M.Kbd,{size:"s",variant:"dark",children:"["})]})})]})}function K({navigationData:n=U,user:l=F,teams:m=B,defaultSidebarOpen:i=!0,headerContent:j,headerTabs:f,headerActions:v,children:x,onNavigate:S}){const[w,y]=g.useState("sidebar"),[a]=g.useState(m[0]);return w==="horizontal"?e.jsxs("div",{className:"h-screen overflow-hidden",style:{display:"flex",flexDirection:"column"},children:[e.jsx(G,{navigationData:n,user:l,activeTeam:a,onNavigate:S,navigationMode:w,onNavigationModeChange:y}),e.jsx("div",{style:{flex:1,overflow:"auto",minHeight:0,backgroundColor:"var(--color-surface-base)"},children:x})]}):e.jsx("div",{className:"h-screen overflow-hidden",children:e.jsxs(t.SidebarProvider,{defaultOpen:i,children:[e.jsx(R,{navigationData:n,user:l,teams:m,onNavigate:S,navigationMode:w,onNavigationModeChange:y}),e.jsxs(t.SidebarInset,{children:[(j||v||f)&&e.jsxs("header",{className:"flex h-12 shrink-0 items-center gap-2 border-b border-[var(--color-border-primary-subtle)] transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 box-border px-[var(--space-m)]",children:[e.jsx(q,{}),e.jsx(I.Separator,{layout:"horizontal",className:"mr-2 h-4"}),e.jsx("div",{className:"flex-1 min-w-0",children:j}),e.jsxs("div",{className:"flex items-center gap-2 ml-auto shrink-0",children:[f&&e.jsx("div",{className:"flex items-center gap-2",children:f}),f&&v&&e.jsx("span",{className:"text-[var(--color-text-tertiary)] select-none","aria-hidden":!0,children:"•"}),v&&e.jsx("div",{className:"flex items-center gap-2",children:v})]})]}),e.jsx("div",{className:"flex flex-1 flex-col overflow-auto min-h-0 min-w-0",children:x})]})]})})}exports.AppFrame=K;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Ce=require("react"),Y=require("../../lib/utils.cjs"),O=require("../fundamental/button.cjs"),Be=require("../fundamental/button-group.cjs"),j=require("../fundamental/icon.cjs"),w=require("lucide-react"),fe=require("../fundamental/separator.cjs"),A=require("../fundamental/select.cjs"),f=require("../fundamental/dropdown-menu.cjs"),ae=require("../fundamental/popover.cjs"),Q=require("../fundamental/dialog.cjs"),De=require("../fundamental/input.cjs"),Se=require("../fundamental/label.cjs"),Ne=require("../fundamental/badge.cjs"),ve=require("../fundamental/skeleton.cjs");function ye(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(r,o,l.get?l:{enumerable:!0,get:()=>s[o]})}}return r.default=s,Object.freeze(r)}const t=ye(Ce),oe=t.createContext(null);function V(){const s=t.useContext(oe);if(!s)throw new Error("useBookmarksActions must be used within Bookmarks");return s}function te({open:s,onOpenChange:r,mode:o,initialName:l="",onSave:b}){const[v,S]=t.useState(l);t.useEffect(()=>{s&&S(l)},[s,l]);const k=()=>{v.trim()&&(b(v.trim()),r(!1))};return e.jsx(Q.Dialog,{open:s,onOpenChange:r,children:e.jsxs(Q.DialogContent,{children:[e.jsx(Q.DialogHeader,{children:e.jsx(Q.DialogTitle,{children:o==="create"?"Create bookmark":"Rename bookmark"})}),e.jsx(Q.DialogBody,{children:e.jsxs("div",{className:"flex flex-col gap-[var(--space-s)]",children:[e.jsx(Se.Label,{htmlFor:"bookmark-name",children:"Bookmark name"}),e.jsx(De.Input,{id:"bookmark-name",value:v,onChange:g=>S(g.target.value),placeholder:"Enter bookmark name...",onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),k())},autoFocus:!0})]})}),e.jsxs(Q.DialogFooter,{children:[e.jsx(O.Button,{variant:"default",onClick:()=>r(!1),children:"Cancel"}),e.jsx(O.Button,{variant:"primary",onClick:k,disabled:!v.trim(),children:o==="create"?"Create":"Save"})]})]})})}function ze({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,onSelect:l,onRename:b,onDelete:v,onSetDefault:S}){const k=t.useMemo(()=>[...r,...s],[r,s]),g=t.useMemo(()=>k.find(u=>u.id===o),[k,o]),m=g?.type==="system";return e.jsxs(Be.ButtonGroup,{children:[e.jsxs(A.Select,{value:o,onValueChange:u=>{const y=k.find(p=>p.id===u);y&&l(y)},children:[e.jsxs(A.SelectTrigger,{className:Y.cn("!text-label-md relative z-0 h-[var(--size-m)] w-auto gap-[var(--space-xs)] border border-[var(--color-border-action-outline)] bg-[var(--color-background-neutral-subtlest)] pr-[var(--space-m)] pl-[var(--space-s)] text-[var(--color-text-primary)] hover:border-[var(--color-border-action-outline-hovered)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:shadow-sm focus:border-[var(--color-border-action-outline)] focus:ring-0 focus:outline-none focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 active:translate-y-px active:bg-[var(--grey-alpha-50)] active:shadow-xs data-[state=open]:ring-0",m?"rounded-m":"rounded-l-m !rounded-r-none !border-r-0"),children:[e.jsx(j.Icon,{name:w.Bookmark,size:"m",color:"primary"}),g?.name||"Bookmarks"]}),e.jsxs(A.SelectContent,{align:"start",position:"popper",className:"min-w-[200px]",children:[r.length>0&&e.jsx(e.Fragment,{children:r.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsx("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:e.jsx("span",{children:u.name})})},u.id))}),r.length>0&&s.length>0&&e.jsx(A.SelectSeparator,{}),s.length>0&&e.jsxs(A.SelectGroup,{children:[e.jsx(A.SelectLabel,{children:"Custom Bookmarks"}),s.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsxs("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:[e.jsx(j.Icon,{name:w.Bookmark,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"}),e.jsx("span",{className:"truncate",children:u.name}),u.isDefault&&e.jsx(j.Icon,{name:w.Star,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] flex-shrink-0 text-[var(--color-icon-warning-bold)]"})]})},u.id))]})]})]}),!m&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(O.Button,{icon:"more-horizontal","aria-label":"Bookmark options",className:"!rounded-l-none rounded-r-md !border-l !border-l-[var(--color-border-action-outline)] focus:ring-0 data-[state=open]:ring-0"})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}b()},disabled:m,children:[e.jsx(j.Icon,{name:w.Pencil,className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}v()},disabled:m,destructive:!0,children:[e.jsx(j.Icon,{name:w.Trash2,className:"mr-2 h-4 w-4"}),"Delete"]}),!m&&e.jsxs(e.Fragment,{children:[e.jsx(f.DropdownMenuSeparator,{}),e.jsxs(f.DropdownMenuItem,{onClick:S,children:[e.jsx(j.Icon,{name:(g?.isDefault,"star"),className:Y.cn("mr-2 h-4 w-4",g?.isDefault&&"text-[var(--color-icon-warning-bold)]")}),g?.isDefault?"Unset as Default":"Set as Default"]})]})]})]})]})}function Me({onUpdate:s,onCreate:r}){return e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(O.Button,{variant:"ghost",className:"h-[var(--size-m)] gap-[var(--space-xs)] px-[var(--space-m)] data-[state=open]:ring-0",children:[e.jsx("span",{className:"text-label-md",children:"Save"}),e.jsx(j.Icon,{name:w.ChevronDown,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})]})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsx(f.DropdownMenuItem,{onClick:s,children:"Update bookmark"}),e.jsx(f.DropdownMenuItem,{onClick:r,children:"Create new bookmark"})]})]})}const ge=t.memo(t.forwardRef(({bookmark:s,isActive:r,isVisible:o=!0,index:l,totalTabs:b,onSelect:v,onRename:S,onDelete:k,onSetDefault:g,onNavigate:m,onNavigateFirst:u,onNavigateLast:y,onHover:p},E)=>{const T=s.type==="user",N=t.useCallback(()=>{v(s)},[v,s]),W=t.useCallback(()=>{p?.(s)},[p,s]),q=t.useCallback(()=>{S(s.id)},[S,s.id]),C=t.useCallback(()=>{k(s.id)},[k,s.id]),x=t.useCallback(a=>{switch(a.key){case"Enter":case" ":a.preventDefault(),v(s);break;case"ArrowRight":a.preventDefault(),m(l,1);break;case"ArrowLeft":a.preventDefault(),m(l,-1);break;case"Home":a.preventDefault(),u();break;case"End":a.preventDefault(),y();break}},[s,l,v,m,u,y]);return e.jsxs("div",{ref:E,role:"tab","aria-selected":r,"aria-posinset":l+1,"aria-setsize":b,tabIndex:r?0:-1,onClick:N,onKeyDown:x,onMouseEnter:W,className:Y.cn("group relative flex min-w-[160px] flex-shrink-0 cursor-pointer flex-col gap-[var(--space-xs)] rounded-l p-[var(--space-l)] transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2",r?"bg-[var(--blue-50)] hover:bg-[var(--blue-50)]":"bg-[var(--color-background-neutral-default)] hover:bg-[var(--color-background-neutral-hovered)]",!o&&"pointer-events-none invisible absolute"),children:[e.jsxs("div",{className:"flex min-h-[var(--size-s)] items-center justify-between gap-[var(--space-xs)]",children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[T&&e.jsx(j.Icon,{name:w.Bookmark,size:"s",color:"secondary",className:"flex-shrink-0"}),e.jsx("div",{className:"text-body-md whitespace-nowrap text-[var(--color-text-primary)]",children:s.name})]}),T&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(O.Button,{variant:"ghost",size:"s","aria-label":`Options for ${s.name}`,className:"p-[var(--space-xs)] opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",tabIndex:-1,onClick:a=>a.stopPropagation(),children:e.jsx(j.Icon,{name:w.MoreHorizontal,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),q()},children:[e.jsx(j.Icon,{name:w.Pencil,className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),C()},destructive:!0,children:[e.jsx(j.Icon,{name:w.Trash2,className:"mr-2 h-4 w-4"}),"Delete"]})]})]})]}),e.jsx("div",{className:"text-heading-lg text-[var(--color-text-primary)]",children:s.isLoadingCount?e.jsx(ve.Skeleton,{height:32,width:40}):s.count??" "})]})}));ge.displayName="BookmarkTab";function Re({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,"aria-label":l="Bookmarks",onSelect:b,onRename:v,onDelete:S,onSetDefault:k,onBookmarkHover:g,onOverflowMenuChange:m}){const[u,y]=t.useState(!1),[p,E]=t.useState(null),T=t.useCallback(n=>{y(n),m?.(n)},[m]),[N,W]=t.useState(null),q=t.useRef(null),C=t.useRef(new Map),x=t.useMemo(()=>[...r,...s],[r,s]);t.useEffect(()=>{p&&!x.some(n=>n.id===p)&&E(null)},[x,p]),t.useEffect(()=>{if(!q.current||x.length===0)return;let n=null;const d=()=>{n&&clearTimeout(n),n=setTimeout(()=>{const h=q.current;if(!h||C.current.size<x.length)return;const I=h.offsetWidth,B=new Map;x.forEach(P=>{const se=C.current.get(P.id);se&&B.set(P.id,se.offsetWidth)});const F=8,c=32,z=52;let J=0,M=0,D=!1;const xe=r.length,ke=s.length>0,we=xe>0&&ke?xe:-1;for(let P=0;P<x.length;P++){const se=x[P],pe=B.get(se.id);if(pe===void 0)continue;P===we&&(D=!0,J+=c+F);const re=J+pe+(M>0||D?F:0);if((P<x.length-1?re+F+z:re)>I)break;J=re,M++}M===0&&x.length>0&&(M=1),W(M)},100)};d();const i=new ResizeObserver(d);return i.observe(q.current),()=>{n&&clearTimeout(n),i.disconnect()}},[x,r.length,s.length]);const{visibleBookmarks:a,overflowBookmarks:U}=t.useMemo(()=>{if(N===null)return{visibleBookmarks:x,overflowBookmarks:[]};const n=x.slice(0,N),d=x.slice(N),i=p?d.find(h=>h.id===p):null;if(i&&n.length>0){const h=n[n.length-1],I=[...n.slice(0,-1),i],B=[h,...d.filter(F=>F.id!==p)];return{visibleBookmarks:I,overflowBookmarks:B}}return{visibleBookmarks:n,overflowBookmarks:d}},[x,N,p]),L=t.useCallback((n,d)=>{let i=n+d;i<0?i=a.length-1:i>=a.length&&(i=0);const h=a[i];h&&C.current.get(h.id)?.focus()},[a]),_=t.useCallback(n=>{b(n)},[b]),$=t.useCallback(()=>{const n=a[0];n&&C.current.get(n.id)?.focus()},[a]),X=t.useCallback(()=>{const n=a[a.length-1];n&&C.current.get(n.id)?.focus()},[a]),Z=a.length,G=t.useMemo(()=>{for(let n=0;n<a.length-1;n++)if(a[n].type==="system"&&a[n+1].type==="user")return n;return-1},[a]),ee=t.useCallback(n=>{a.some(i=>i.id===n.id)&&n.id!==p&&E(null),b(n)},[a,p,b]),ne=t.useCallback(n=>{E(n.id),b(n),T(!1)},[b,T]),H=t.useMemo(()=>[...a,...U],[a,U]),K=t.useMemo(()=>new Set(a.map(n=>n.id)),[a]);return e.jsxs("div",{ref:q,role:"tablist","aria-label":l,className:"flex items-center gap-[var(--space-s)]",children:[H.map((n,d)=>{const i=K.has(n.id),h=i?a.findIndex(B=>B.id===n.id):-1,I=i&&h===G;return e.jsxs(t.Fragment,{children:[e.jsx(ge,{ref:B=>{B?C.current.set(n.id,B):C.current.delete(n.id)},bookmark:n,isActive:o===n.id,isVisible:i,index:h>=0?h:d,totalTabs:Z,onSelect:i?ee:_,onRename:v,onDelete:S,onSetDefault:k,onNavigate:L,onNavigateFirst:$,onNavigateLast:X,onHover:g}),I&&e.jsx(fe.Separator,{type:"line",layout:"horizontal",className:"h-20 flex-shrink-0","aria-hidden":"true"})]},n.id)}),U.length>0&&e.jsxs(ae.Popover,{open:u,onOpenChange:T,children:[e.jsx(ae.PopoverTrigger,{asChild:!0,children:e.jsx("button",{"aria-label":`Show ${U.length} more bookmarks`,"aria-expanded":u,className:Y.cn("flex cursor-pointer flex-shrink-0 items-center justify-center rounded-l border border-[var(--color-border-action-outline)] bg-transparent px-[var(--space-m)] transition-colors hover:bg-[var(--color-background-neutral-subtlest-hovered)]","min-h-[88px]","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2"),children:e.jsx(j.Icon,{name:w.ChevronDown,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsx(ae.PopoverContent,{align:"end",side:"bottom",className:"w-[280px] p-[var(--space-s)]",role:"menu","aria-label":"More bookmarks",children:e.jsx("div",{className:"flex flex-col",children:U.map(n=>{const d=o===n.id,i=n.type==="user";return e.jsxs("button",{role:"menuitem","aria-label":`Select ${n.name} bookmark${d?" (currently selected)":""}`,onClick:()=>ne(n),className:Y.cn("text-body-md flex cursor-pointer items-center gap-[var(--space-s)] rounded-m px-[var(--space-m)] py-[var(--space-s)] text-left transition-colors","hover:bg-[var(--color-background-neutral-subtlest-hovered)]","focus:outline-none focus-visible:bg-[var(--color-background-neutral-subtlest-hovered)]"),children:[i&&e.jsx(j.Icon,{name:w.Bookmark,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]","aria-hidden":"true"}),!i&&e.jsx("div",{className:"w-[var(--size-2xs)]","aria-hidden":"true"}),e.jsxs("div",{className:"flex flex-1 items-center gap-[var(--space-xs)]",children:[e.jsx("span",{className:"truncate",children:n.name}),(n.count!==void 0||n.isLoadingCount)&&e.jsx(Ne.Badge,{size:"s",intent:"neutral",appearance:"subtle",children:n.isLoadingCount?e.jsx(ve.Skeleton,{height:16,width:24}):n.count})]}),n.isDefault&&e.jsx(j.Icon,{name:w.Star,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-warning-bold)]","aria-hidden":"true"}),d&&e.jsx(j.Icon,{name:w.Check,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]","aria-hidden":"true"})]},n.id)})})})]})]})}function le({children:s}){return e.jsx(e.Fragment,{children:s})}function ie({children:s}){return e.jsx(e.Fragment,{children:s})}function ce({children:s}){return e.jsx(e.Fragment,{children:s})}function ue(){const{isDirty:s,handleRevert:r}=V();return s?e.jsx(O.Button,{variant:"ghost",onClick:r,className:"h-[var(--size-m)]",children:"Revert changes"}):null}function de(){const{isDirty:s,isSystemBookmark:r,openCreateDialog:o}=V();return!s||!r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Create bookmark"})}function be(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o}=V();return!s||r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Update bookmark"})}function me(){const{isDirty:s,isSystemBookmark:r,handleRevert:o}=V();return!s||!r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Reset"})}function he(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o,openCreateDialog:l}=V();return!s||r?null:e.jsx(Me,{onUpdate:o,onCreate:l})}function je(){const{isDirty:s,isSystemBookmark:r}=V();return s?e.jsxs(e.Fragment,{children:[e.jsx(fe.Separator,{type:"dot",layout:"horizontal"}),r?e.jsxs(e.Fragment,{children:[e.jsx(me,{}),e.jsx(de,{})]}):e.jsxs(e.Fragment,{children:[e.jsx(ue,{}),e.jsx(he,{})]})]}):null}function R({variant:s,bookmarks:r,systemBookmarks:o,activeBookmarkId:l,isDirty:b,children:v,"aria-label":S="Bookmarks",onSelect:k,onRevert:g,onSave:m,onRename:u,onDelete:y,onSetDefault:p,onBookmarkHover:E,onOverflowMenuChange:T,onDialogChange:N}){const[W,q]=t.useState(!1),[C,x]=t.useState(!1),[a,U]=t.useState(),L=t.useCallback(c=>{x(c),N?.(c?"create":null)},[N]),_=t.useCallback(c=>{q(c),N?.(c?"rename":null)},[N]),$=t.useMemo(()=>[...o,...r],[o,r]),X=t.useMemo(()=>$.find(c=>c.id===l),[$,l]),Z=X?.type==="system",G=t.useCallback(c=>{U(c||l),_(!0)},[l,_]),ee=t.useCallback(async c=>{a&&await u(a,c)},[a,u]),ne=t.useCallback(async c=>{await m("create",c)},[m]),H=t.useCallback(async c=>{const z=c||l;z&&await y(z)},[l,y]),K=t.useCallback(async c=>{const z=c||l;z&&await p(z)},[l,p]),n=t.useMemo(()=>$.find(c=>c.id===a),[$,a]),{contentSlot:d,actionsSlot:i,settingsSlot:h}=t.useMemo(()=>{let c=null,z=null,J=null;const M=[];return t.Children.forEach(v,D=>{t.isValidElement(D)?D.type===le?c=D.props.children:D.type===ie?z=D.props.children:D.type===ce?J=D.props.children:M.push(D):M.push(D)}),!c&&M.length>0&&(c=M),{contentSlot:c,actionsSlot:z,settingsSlot:J}},[v]),I=t.useCallback(()=>L(!0),[L]),B=t.useCallback(()=>m("update"),[m]),F=t.useMemo(()=>({isDirty:b,isSystemBookmark:Z,activeBookmark:X,openCreateDialog:I,openRenameDialog:G,handleRevert:g,handleUpdate:B,handleDelete:H,handleSetDefault:K}),[b,Z,X,I,G,g,B,H,K]);return s==="tabs"?e.jsxs(oe.Provider,{value:F,children:[e.jsx(Re,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,"aria-label":S,onSelect:k,onRename:G,onDelete:H,onSetDefault:K,onBookmarkHover:E,onOverflowMenuChange:T}),(d||i||h)&&e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px] min-w-0",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[var(--space-m)]"}),e.jsx("div",{className:"flex-shrink-0",children:h})]})]}),e.jsx(te,{open:C,onOpenChange:L,mode:"create",onSave:ne}),e.jsx(te,{open:W,onOpenChange:_,mode:"rename",initialName:n?.name,onSave:ee})]}):e.jsxs(oe.Provider,{value:F,children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-m)]",children:[e.jsx(ze,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,onSelect:k,onRename:()=>G(),onDelete:()=>H(),onSetDefault:()=>K()}),e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px]",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsx("div",{className:"flex-shrink-0",children:h})]}),e.jsx(te,{open:C,onOpenChange:L,mode:"create",onSave:ne}),e.jsx(te,{open:W,onOpenChange:_,mode:"rename",initialName:n?.name,onSave:ee})]})}R.Content=le;R.Actions=ie;R.Settings=ce;R.DefaultActions=je;R.RevertButton=ue;R.CreateButton=de;R.SaveButton=be;R.ResetButton=me;R.SaveDropdown=he;exports.Bookmarks=R;exports.BookmarksActions=ie;exports.BookmarksContent=le;exports.BookmarksCreateButton=de;exports.BookmarksDefaultActions=je;exports.BookmarksResetButton=me;exports.BookmarksRevertButton=ue;exports.BookmarksSaveButton=be;exports.BookmarksSaveDropdown=he;exports.BookmarksSettings=ce;exports.useBookmarksActions=V;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Ce=require("react"),Y=require("../../lib/utils.cjs"),O=require("../fundamental/button.cjs"),Be=require("../fundamental/button-group.cjs"),j=require("../fundamental/icon.cjs"),k=require("lucide-react"),fe=require("../fundamental/separator.cjs"),A=require("../fundamental/select.cjs"),f=require("../fundamental/dropdown-menu.cjs"),ae=require("../fundamental/popover.cjs"),Q=require("../fundamental/dialog.cjs"),De=require("../fundamental/input.cjs"),Se=require("../fundamental/label.cjs"),Ne=require("../fundamental/badge.cjs"),ve=require("../fundamental/skeleton.cjs");function ye(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(r,o,l.get?l:{enumerable:!0,get:()=>s[o]})}}return r.default=s,Object.freeze(r)}const t=ye(Ce),oe=t.createContext(null);function V(){const s=t.useContext(oe);if(!s)throw new Error("useBookmarksActions must be used within Bookmarks");return s}function te({open:s,onOpenChange:r,mode:o,initialName:l="",onSave:b}){const[v,S]=t.useState(l);t.useEffect(()=>{s&&S(l)},[s,l]);const w=()=>{v.trim()&&(b(v.trim()),r(!1))};return e.jsx(Q.Dialog,{open:s,onOpenChange:r,children:e.jsxs(Q.DialogContent,{children:[e.jsx(Q.DialogHeader,{children:e.jsx(Q.DialogTitle,{children:o==="create"?"Create bookmark":"Rename bookmark"})}),e.jsx(Q.DialogBody,{children:e.jsxs("div",{className:"flex flex-col gap-[var(--space-s)]",children:[e.jsx(Se.Label,{htmlFor:"bookmark-name",children:"Bookmark name"}),e.jsx(De.Input,{id:"bookmark-name",value:v,onChange:g=>S(g.target.value),placeholder:"Enter bookmark name...",onKeyDown:g=>{g.key==="Enter"&&(g.preventDefault(),w())},autoFocus:!0})]})}),e.jsxs(Q.DialogFooter,{children:[e.jsx(O.Button,{variant:"default",onClick:()=>r(!1),children:"Cancel"}),e.jsx(O.Button,{variant:"primary",onClick:w,disabled:!v.trim(),children:o==="create"?"Create":"Save"})]})]})})}function ze({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,onSelect:l,onRename:b,onDelete:v,onSetDefault:S}){const w=t.useMemo(()=>[...r,...s],[r,s]),g=t.useMemo(()=>w.find(u=>u.id===o),[w,o]),m=g?.type==="system";return e.jsxs(Be.ButtonGroup,{children:[e.jsxs(A.Select,{value:o,onValueChange:u=>{const y=w.find(p=>p.id===u);y&&l(y)},children:[e.jsxs(A.SelectTrigger,{className:Y.cn("!text-label-md relative z-0 h-[var(--size-m)] w-auto gap-[var(--space-xs)] border border-[var(--color-border-action-outline)] bg-[var(--color-background-neutral-subtlest)] pr-[var(--space-m)] pl-[var(--space-s)] text-[var(--color-text-primary)] hover:border-[var(--color-border-action-outline-hovered)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:shadow-sm focus:border-[var(--color-border-action-outline)] focus:ring-0 focus:outline-none focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 active:translate-y-px active:bg-[var(--grey-alpha-50)] active:shadow-xs data-[state=open]:ring-0",m?"rounded-m":"rounded-l-m !rounded-r-none !border-r-0"),children:[e.jsx(j.Icon,{name:k.Bookmark,size:"m",color:"primary"}),g?.name||"Bookmarks"]}),e.jsxs(A.SelectContent,{align:"start",position:"popper",className:"min-w-[200px]",children:[r.length>0&&e.jsx(e.Fragment,{children:r.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsx("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:e.jsx("span",{children:u.name})})},u.id))}),r.length>0&&s.length>0&&e.jsx(A.SelectSeparator,{}),s.length>0&&e.jsxs(A.SelectGroup,{children:[e.jsx(A.SelectLabel,{children:"Custom Bookmarks"}),s.map(u=>e.jsx(A.SelectItem,{value:u.id,children:e.jsxs("div",{className:"flex items-center gap-[var(--space-s)] pr-6",children:[e.jsx(j.Icon,{name:k.Bookmark,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"}),e.jsx("span",{className:"truncate",children:u.name}),u.isDefault&&e.jsx(j.Icon,{name:k.Star,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] flex-shrink-0 text-[var(--color-icon-warning-bold)]"})]})},u.id))]})]})]}),!m&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(O.Button,{icon:k.MoreHorizontal,"aria-label":"Bookmark options",className:"!rounded-l-none rounded-r-md !border-l !border-l-[var(--color-border-action-outline)] focus:ring-0 data-[state=open]:ring-0"})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}b()},disabled:m,children:[e.jsx(j.Icon,{name:k.Pencil,className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:u=>{if(m){u.preventDefault();return}v()},disabled:m,destructive:!0,children:[e.jsx(j.Icon,{name:k.Trash2,className:"mr-2 h-4 w-4"}),"Delete"]}),!m&&e.jsxs(e.Fragment,{children:[e.jsx(f.DropdownMenuSeparator,{}),e.jsxs(f.DropdownMenuItem,{onClick:S,children:[e.jsx(j.Icon,{name:(g?.isDefault,"star"),className:Y.cn("mr-2 h-4 w-4",g?.isDefault&&"text-[var(--color-icon-warning-bold)]")}),g?.isDefault?"Unset as Default":"Set as Default"]})]})]})]})]})}function Me({onUpdate:s,onCreate:r}){return e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(O.Button,{variant:"ghost",className:"h-[var(--size-m)] gap-[var(--space-xs)] px-[var(--space-m)] data-[state=open]:ring-0",children:[e.jsx("span",{className:"text-label-md",children:"Save"}),e.jsx(j.Icon,{name:k.ChevronDown,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})]})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsx(f.DropdownMenuItem,{onClick:s,children:"Update bookmark"}),e.jsx(f.DropdownMenuItem,{onClick:r,children:"Create new bookmark"})]})]})}const ge=t.memo(t.forwardRef(({bookmark:s,isActive:r,isVisible:o=!0,index:l,totalTabs:b,onSelect:v,onRename:S,onDelete:w,onSetDefault:g,onNavigate:m,onNavigateFirst:u,onNavigateLast:y,onHover:p},E)=>{const T=s.type==="user",N=t.useCallback(()=>{v(s)},[v,s]),W=t.useCallback(()=>{p?.(s)},[p,s]),q=t.useCallback(()=>{S(s.id)},[S,s.id]),C=t.useCallback(()=>{w(s.id)},[w,s.id]),x=t.useCallback(a=>{switch(a.key){case"Enter":case" ":a.preventDefault(),v(s);break;case"ArrowRight":a.preventDefault(),m(l,1);break;case"ArrowLeft":a.preventDefault(),m(l,-1);break;case"Home":a.preventDefault(),u();break;case"End":a.preventDefault(),y();break}},[s,l,v,m,u,y]);return e.jsxs("div",{ref:E,role:"tab","aria-selected":r,"aria-posinset":l+1,"aria-setsize":b,tabIndex:r?0:-1,onClick:N,onKeyDown:x,onMouseEnter:W,className:Y.cn("group relative flex min-w-[160px] flex-shrink-0 cursor-pointer flex-col gap-[var(--space-xs)] rounded-l p-[var(--space-l)] transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2",r?"bg-[var(--blue-50)] hover:bg-[var(--blue-50)]":"bg-[var(--color-background-neutral-default)] hover:bg-[var(--color-background-neutral-hovered)]",!o&&"pointer-events-none invisible absolute"),children:[e.jsxs("div",{className:"flex min-h-[var(--size-s)] items-center justify-between gap-[var(--space-xs)]",children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-xs)]",children:[T&&e.jsx(j.Icon,{name:k.Bookmark,size:"s",color:"secondary",className:"flex-shrink-0"}),e.jsx("div",{className:"text-body-md whitespace-nowrap text-[var(--color-text-primary)]",children:s.name})]}),T&&e.jsxs(f.DropdownMenu,{children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,children:e.jsx(O.Button,{variant:"ghost",size:"s","aria-label":`Options for ${s.name}`,className:"p-[var(--space-xs)] opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",tabIndex:-1,onClick:a=>a.stopPropagation(),children:e.jsx(j.Icon,{name:k.MoreHorizontal,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsxs(f.DropdownMenuContent,{align:"end",children:[e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),q()},children:[e.jsx(j.Icon,{name:k.Pencil,className:"mr-2 h-4 w-4"}),"Rename"]}),e.jsxs(f.DropdownMenuItem,{onClick:a=>{a.stopPropagation(),C()},destructive:!0,children:[e.jsx(j.Icon,{name:k.Trash2,className:"mr-2 h-4 w-4"}),"Delete"]})]})]})]}),e.jsx("div",{className:"text-heading-lg text-[var(--color-text-primary)]",children:s.isLoadingCount?e.jsx(ve.Skeleton,{height:32,width:40}):s.count??" "})]})}));ge.displayName="BookmarkTab";function Re({bookmarks:s,systemBookmarks:r,activeBookmarkId:o,"aria-label":l="Bookmarks",onSelect:b,onRename:v,onDelete:S,onSetDefault:w,onBookmarkHover:g,onOverflowMenuChange:m}){const[u,y]=t.useState(!1),[p,E]=t.useState(null),T=t.useCallback(n=>{y(n),m?.(n)},[m]),[N,W]=t.useState(null),q=t.useRef(null),C=t.useRef(new Map),x=t.useMemo(()=>[...r,...s],[r,s]);t.useEffect(()=>{p&&!x.some(n=>n.id===p)&&E(null)},[x,p]),t.useEffect(()=>{if(!q.current||x.length===0)return;let n=null;const d=()=>{n&&clearTimeout(n),n=setTimeout(()=>{const h=q.current;if(!h||C.current.size<x.length)return;const I=h.offsetWidth,B=new Map;x.forEach(P=>{const se=C.current.get(P.id);se&&B.set(P.id,se.offsetWidth)});const F=8,c=32,z=52;let J=0,M=0,D=!1;const xe=r.length,ke=s.length>0,we=xe>0&&ke?xe:-1;for(let P=0;P<x.length;P++){const se=x[P],pe=B.get(se.id);if(pe===void 0)continue;P===we&&(D=!0,J+=c+F);const re=J+pe+(M>0||D?F:0);if((P<x.length-1?re+F+z:re)>I)break;J=re,M++}M===0&&x.length>0&&(M=1),W(M)},100)};d();const i=new ResizeObserver(d);return i.observe(q.current),()=>{n&&clearTimeout(n),i.disconnect()}},[x,r.length,s.length]);const{visibleBookmarks:a,overflowBookmarks:U}=t.useMemo(()=>{if(N===null)return{visibleBookmarks:x,overflowBookmarks:[]};const n=x.slice(0,N),d=x.slice(N),i=p?d.find(h=>h.id===p):null;if(i&&n.length>0){const h=n[n.length-1],I=[...n.slice(0,-1),i],B=[h,...d.filter(F=>F.id!==p)];return{visibleBookmarks:I,overflowBookmarks:B}}return{visibleBookmarks:n,overflowBookmarks:d}},[x,N,p]),L=t.useCallback((n,d)=>{let i=n+d;i<0?i=a.length-1:i>=a.length&&(i=0);const h=a[i];h&&C.current.get(h.id)?.focus()},[a]),H=t.useCallback(n=>{b(n)},[b]),_=t.useCallback(()=>{const n=a[0];n&&C.current.get(n.id)?.focus()},[a]),X=t.useCallback(()=>{const n=a[a.length-1];n&&C.current.get(n.id)?.focus()},[a]),Z=a.length,$=t.useMemo(()=>{for(let n=0;n<a.length-1;n++)if(a[n].type==="system"&&a[n+1].type==="user")return n;return-1},[a]),ee=t.useCallback(n=>{a.some(i=>i.id===n.id)&&n.id!==p&&E(null),b(n)},[a,p,b]),ne=t.useCallback(n=>{E(n.id),b(n),T(!1)},[b,T]),G=t.useMemo(()=>[...a,...U],[a,U]),K=t.useMemo(()=>new Set(a.map(n=>n.id)),[a]);return e.jsxs("div",{ref:q,role:"tablist","aria-label":l,className:"flex items-center gap-[var(--space-s)]",children:[G.map((n,d)=>{const i=K.has(n.id),h=i?a.findIndex(B=>B.id===n.id):-1,I=i&&h===$;return e.jsxs(t.Fragment,{children:[e.jsx(ge,{ref:B=>{B?C.current.set(n.id,B):C.current.delete(n.id)},bookmark:n,isActive:o===n.id,isVisible:i,index:h>=0?h:d,totalTabs:Z,onSelect:i?ee:H,onRename:v,onDelete:S,onSetDefault:w,onNavigate:L,onNavigateFirst:_,onNavigateLast:X,onHover:g}),I&&e.jsx(fe.Separator,{type:"line",layout:"horizontal",className:"h-20 flex-shrink-0","aria-hidden":"true"})]},n.id)}),U.length>0&&e.jsxs(ae.Popover,{open:u,onOpenChange:T,children:[e.jsx(ae.PopoverTrigger,{asChild:!0,children:e.jsx("button",{"aria-label":`Show ${U.length} more bookmarks`,"aria-expanded":u,className:Y.cn("flex cursor-pointer flex-shrink-0 items-center justify-center rounded-l border border-[var(--color-border-action-outline)] bg-transparent px-[var(--space-m)] transition-colors hover:bg-[var(--color-background-neutral-subtlest-hovered)]","min-h-[88px]","focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-brand-bold)] focus-visible:ring-offset-2"),children:e.jsx(j.Icon,{name:k.ChevronDown,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]"})})}),e.jsx(ae.PopoverContent,{align:"end",side:"bottom",className:"w-[280px] p-[var(--space-s)]",role:"menu","aria-label":"More bookmarks",children:e.jsx("div",{className:"flex flex-col",children:U.map(n=>{const d=o===n.id,i=n.type==="user";return e.jsxs("button",{role:"menuitem","aria-label":`Select ${n.name} bookmark${d?" (currently selected)":""}`,onClick:()=>ne(n),className:Y.cn("text-body-md flex cursor-pointer items-center gap-[var(--space-s)] rounded-m px-[var(--space-m)] py-[var(--space-s)] text-left transition-colors","hover:bg-[var(--color-background-neutral-subtlest-hovered)]","focus:outline-none focus-visible:bg-[var(--color-background-neutral-subtlest-hovered)]"),children:[i&&e.jsx(j.Icon,{name:k.Bookmark,className:"h-[var(--size-2xs)] w-[var(--size-2xs)]","aria-hidden":"true"}),!i&&e.jsx("div",{className:"w-[var(--size-2xs)]","aria-hidden":"true"}),e.jsxs("div",{className:"flex flex-1 items-center gap-[var(--space-xs)]",children:[e.jsx("span",{className:"truncate",children:n.name}),(n.count!==void 0||n.isLoadingCount)&&e.jsx(Ne.Badge,{size:"s",intent:"neutral",appearance:"subtle",children:n.isLoadingCount?e.jsx(ve.Skeleton,{height:16,width:24}):n.count})]}),n.isDefault&&e.jsx(j.Icon,{name:k.Star,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-warning-bold)]","aria-hidden":"true"}),d&&e.jsx(j.Icon,{name:k.Check,className:"h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]","aria-hidden":"true"})]},n.id)})})})]})]})}function le({children:s}){return e.jsx(e.Fragment,{children:s})}function ie({children:s}){return e.jsx(e.Fragment,{children:s})}function ce({children:s}){return e.jsx(e.Fragment,{children:s})}function ue(){const{isDirty:s,handleRevert:r}=V();return s?e.jsx(O.Button,{variant:"ghost",onClick:r,className:"h-[var(--size-m)]",children:"Revert changes"}):null}function de(){const{isDirty:s,isSystemBookmark:r,openCreateDialog:o}=V();return!s||!r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Create bookmark"})}function be(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o}=V();return!s||r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Update bookmark"})}function me(){const{isDirty:s,isSystemBookmark:r,handleRevert:o}=V();return!s||!r?null:e.jsx(O.Button,{variant:"ghost",onClick:o,className:"h-[var(--size-m)]",children:"Reset"})}function he(){const{isDirty:s,isSystemBookmark:r,handleUpdate:o,openCreateDialog:l}=V();return!s||r?null:e.jsx(Me,{onUpdate:o,onCreate:l})}function je(){const{isDirty:s,isSystemBookmark:r}=V();return s?e.jsxs(e.Fragment,{children:[e.jsx(fe.Separator,{type:"dot",layout:"horizontal"}),r?e.jsxs(e.Fragment,{children:[e.jsx(me,{}),e.jsx(de,{})]}):e.jsxs(e.Fragment,{children:[e.jsx(ue,{}),e.jsx(he,{})]})]}):null}function R({variant:s,bookmarks:r,systemBookmarks:o,activeBookmarkId:l,isDirty:b,children:v,"aria-label":S="Bookmarks",onSelect:w,onRevert:g,onSave:m,onRename:u,onDelete:y,onSetDefault:p,onBookmarkHover:E,onOverflowMenuChange:T,onDialogChange:N}){const[W,q]=t.useState(!1),[C,x]=t.useState(!1),[a,U]=t.useState(),L=t.useCallback(c=>{x(c),N?.(c?"create":null)},[N]),H=t.useCallback(c=>{q(c),N?.(c?"rename":null)},[N]),_=t.useMemo(()=>[...o,...r],[o,r]),X=t.useMemo(()=>_.find(c=>c.id===l),[_,l]),Z=X?.type==="system",$=t.useCallback(c=>{U(c||l),H(!0)},[l,H]),ee=t.useCallback(async c=>{a&&await u(a,c)},[a,u]),ne=t.useCallback(async c=>{await m("create",c)},[m]),G=t.useCallback(async c=>{const z=c||l;z&&await y(z)},[l,y]),K=t.useCallback(async c=>{const z=c||l;z&&await p(z)},[l,p]),n=t.useMemo(()=>_.find(c=>c.id===a),[_,a]),{contentSlot:d,actionsSlot:i,settingsSlot:h}=t.useMemo(()=>{let c=null,z=null,J=null;const M=[];return t.Children.forEach(v,D=>{t.isValidElement(D)?D.type===le?c=D.props.children:D.type===ie?z=D.props.children:D.type===ce?J=D.props.children:M.push(D):M.push(D)}),!c&&M.length>0&&(c=M),{contentSlot:c,actionsSlot:z,settingsSlot:J}},[v]),I=t.useCallback(()=>L(!0),[L]),B=t.useCallback(()=>m("update"),[m]),F=t.useMemo(()=>({isDirty:b,isSystemBookmark:Z,activeBookmark:X,openCreateDialog:I,openRenameDialog:$,handleRevert:g,handleUpdate:B,handleDelete:G,handleSetDefault:K}),[b,Z,X,I,$,g,B,G,K]);return s==="tabs"?e.jsxs(oe.Provider,{value:F,children:[e.jsx(Re,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,"aria-label":S,onSelect:w,onRename:$,onDelete:G,onSetDefault:K,onBookmarkHover:E,onOverflowMenuChange:T}),(d||i||h)&&e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px] min-w-0",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-[var(--space-m)]"}),e.jsx("div",{className:"flex-shrink-0",children:h})]})]}),e.jsx(te,{open:C,onOpenChange:L,mode:"create",onSave:ne}),e.jsx(te,{open:W,onOpenChange:H,mode:"rename",initialName:n?.name,onSave:ee})]}):e.jsxs(oe.Provider,{value:F,children:[e.jsxs("div",{className:"flex items-center gap-[var(--space-m)]",children:[e.jsx(ze,{bookmarks:r,systemBookmarks:o,activeBookmarkId:l,onSelect:w,onRename:()=>$(),onDelete:()=>G(),onSetDefault:()=>K()}),e.jsxs("div",{className:"flex items-center gap-[7px] flex-1 min-w-0 overflow-hidden",children:[d&&e.jsx("div",{className:"flex items-center gap-[7px]",children:d}),i&&e.jsx("div",{className:"flex items-center gap-[7px] flex-shrink-0",children:i})]}),h&&e.jsx("div",{className:"flex-shrink-0",children:h})]}),e.jsx(te,{open:C,onOpenChange:L,mode:"create",onSave:ne}),e.jsx(te,{open:W,onOpenChange:H,mode:"rename",initialName:n?.name,onSave:ee})]})}R.Content=le;R.Actions=ie;R.Settings=ce;R.DefaultActions=je;R.RevertButton=ue;R.CreateButton=de;R.SaveButton=be;R.ResetButton=me;R.SaveDropdown=he;exports.Bookmarks=R;exports.BookmarksActions=ie;exports.BookmarksContent=le;exports.BookmarksCreateButton=de;exports.BookmarksDefaultActions=je;exports.BookmarksResetButton=me;exports.BookmarksRevertButton=ue;exports.BookmarksSaveButton=be;exports.BookmarksSaveDropdown=he;exports.BookmarksSettings=ce;exports.useBookmarksActions=V;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),B=require("../fundamental/button.cjs"),x=require("../fundamental/dropdown-menu.cjs"),n=require("../fundamental/select.cjs"),F=require("../fundamental/toggle.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),B=require("../fundamental/button.cjs"),x=require("../fundamental/dropdown-menu.cjs"),n=require("../fundamental/select.cjs"),F=require("../fundamental/toggle.cjs"),L=require("../fundamental/icon.cjs"),j=require("lucide-react"),E=require("../fundamental/input.cjs");function q(i){if(i?.directionOptions)return i.directionOptions;if(i?.dataType)switch(i.dataType){case"text":return{asc:"A to Z",desc:"Z to A"};case"number":return{asc:"Ascending",desc:"Descending"};case"date":return{asc:"Oldest first",desc:"Newest first"};case"boolean":return{asc:"False first",desc:"True first"}}return{asc:"Ascending",desc:"Descending"}}function J({sortableColumns:i,selectedSortColumn:c,sortDirection:z="asc",onSortChange:p,onSortDirectionChange:b,groupableColumns:o,selectedGroupColumn:V,onGroupChange:v,columns:r,visibleColumns:A,onColumnVisibilityChange:m,align:C="end",triggerClassName:$}){const[u,k]=t.useState(""),[G,d]=t.useState(""),S=t.useId(),f=t.useId(),w=t.useId(),H=t.useCallback(s=>{const a=i.find(l=>l.id===s)?.label;d(`Sorting by ${a}`),p?.(s)},[i,p]),O=t.useCallback(s=>{const a=i.find(Z=>Z.id===c),l=q(a),g=s==="asc"?l.asc:l.desc;d(`Sort direction: ${g}`),b?.(s)},[i,c,b]),R=t.useCallback(s=>{if(s==="none")d("Grouping cleared");else{const a=o.find(l=>l.id===s)?.label;d(`Grouping by ${a}`)}v?.(s)},[o,v]),P=t.useCallback((s,a)=>{const l=r.find(g=>g.id===s)?.label;d(a?`${l} column shown`:`${l} column hidden`),m?.(s,a)},[r,m]),y=i.length>0,N=o.length>0,D=r.length>0,T=y||N,I=t.useMemo(()=>i.find(s=>s.id===c),[i,c]),M=t.useMemo(()=>q(I),[I]),h=t.useMemo(()=>{if(!u)return r;const s=u.toLowerCase();return r.filter(a=>a.label.toLowerCase().includes(s))},[r,u]),W=r.length>=20;return e.jsxs(x.DropdownMenu,{children:[e.jsx(x.DropdownMenuTrigger,{asChild:!0,children:e.jsx(B.Button,{size:"m",icon:j.Settings,"aria-label":"Table settings",className:$})}),e.jsxs(x.DropdownMenuContent,{align:C,className:"w-72 max-w-[90vw]",children:[T&&e.jsx("div",{className:"p-3",children:e.jsxs("div",{className:"space-y-4",children:[y&&e.jsxs("div",{className:"space-y-2",role:"group","aria-labelledby":S,children:[e.jsx("h4",{id:S,className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(n.Select,{value:c,onValueChange:H,children:[e.jsx(n.SelectTrigger,{size:"s",children:e.jsx(n.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(n.SelectContent,{children:i.map(s=>e.jsx(n.SelectItem,{value:s.id,children:s.label},s.id))})]}),c&&e.jsxs(n.Select,{value:z,onValueChange:s=>O(s),children:[e.jsx(n.SelectTrigger,{size:"s",children:e.jsx(n.SelectValue,{})}),e.jsxs(n.SelectContent,{children:[e.jsx(n.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(L.Icon,{name:j.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:M.asc})]})}),e.jsx(n.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(L.Icon,{name:j.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:M.desc})]})})]})]})]})]}),N&&e.jsxs("div",{className:"space-y-2",role:"group","aria-labelledby":f,children:[e.jsx("h4",{id:f,className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(n.Select,{value:V||"none",onValueChange:R,children:[e.jsx(n.SelectTrigger,{size:"s",children:e.jsx(n.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(n.SelectContent,{children:[e.jsx(n.SelectItem,{value:"none",children:"None"}),o.map(s=>e.jsx(n.SelectItem,{value:s.id,children:s.label},s.id))]})]})]})]})}),T&&D&&e.jsx(x.DropdownMenuSeparator,{}),D&&e.jsx("div",{className:"p-3",children:e.jsxs("div",{className:"space-y-2",role:"group","aria-labelledby":w,children:[e.jsx("h4",{id:w,className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Display columns"}),W&&e.jsx(E.Input,{type:"search",size:"s",placeholder:"Search columns...","aria-label":"Search columns",value:u,onChange:s=>k(s.target.value)}),e.jsx("div",{className:"flex flex-wrap items-start justify-start gap-1 max-h-[190px] overflow-y-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 rounded-s",role:h.length>15?"region":void 0,"aria-label":h.length>15?"Column visibility toggles, scrollable":void 0,tabIndex:h.length>15?0:void 0,children:h.map(s=>{const a=A.includes(s.id);return e.jsx(F.Toggle,{variant:"outline",size:"s",pressed:a,"aria-label":a?`Hide ${s.label} column`:`Show ${s.label} column`,onPressedChange:l=>{P(s.id,l)},children:s.label},s.id)})})]})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:G})]})]})}exports.DataTableSettingsMenu=J;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),X=require("../fundamental/button.cjs"),j=require("../fundamental/dropdown-menu.cjs"),t=require("../fundamental/select.cjs"),Y=require("../fundamental/toggle.cjs"),S=require("../fundamental/tabs.cjs"),$=require("../fundamental/switch.cjs"),K=require("../fundamental/label.cjs"),m=require("../fundamental/icon.cjs"),o=require("lucide-react"),ee=require("../fundamental/input.cjs");function se(r){if(!r)return null;try{const c=localStorage.getItem(r);return c?JSON.parse(c):null}catch{return null}}function te(r,c){if(r)try{localStorage.setItem(r,JSON.stringify(c))}catch(d){console.warn("Failed to save settings to localStorage:",d)}}function T(r="table",c=[]){return{viewMode:r,table:{sortDirection:"asc",visibleColumns:c.map(d=>d.id)},columns:{sortDirection:"asc"},folders:{sortDirection:"asc",showFoldersFirst:!1}}}function b(r){if(r?.directionOptions)return r.directionOptions;if(r?.dataType)switch(r.dataType){case"text":return{asc:"A to Z",desc:"Z to A"};case"number":return{asc:"Ascending",desc:"Descending"};case"date":return{asc:"Oldest first",desc:"Newest first"};case"boolean":return{asc:"False first",desc:"True first"}}return{asc:"Ascending",desc:"Descending"}}const V=x.forwardRef(function({persistenceKey:c,defaultViewMode:d="table",sortableColumns:v=[],groupableColumns:C=[],columns:h=[],columnsSortableColumns:f,columnsGroupableColumns:u,foldersSortableColumns:g,align:y="end",triggerClassName:D},M){const[n,i]=x.useState(()=>{const s=se(c);return s||T(d,h)}),[p,F]=x.useState("");x.useImperativeHandle(M,()=>({getSettings:()=>n,reset:()=>{i(T(d,h))}})),x.useEffect(()=>{te(c,n)},[n,c]),x.useEffect(()=>{n.viewMode==="columns"&&!n.columns.groupColumn&&u&&u.length>0&&i(s=>({...s,columns:{...s.columns,groupColumn:u[0].id}}))},[n.viewMode,n.columns.groupColumn,u]);const z=v.length>0,I=C.length>0,q=h.length>0,A=(f?.length??0)>0,w=(u?.length??0)>0,N=(g?.length??0)>0,W=1+(N?1:0)+(w?1:0)>1,L=p?h.filter(s=>s.label.toLowerCase().includes(p.toLowerCase())):h,O=h.length>=20,P=s=>{i(l=>({...l,viewMode:s}))},R=s=>{i(l=>({...l,table:{...l.table,sortColumn:s}}))},E=s=>{i(l=>({...l,table:{...l.table,sortDirection:s}}))},J=s=>{i(l=>({...l,table:{...l.table,groupColumn:s==="none"?void 0:s}}))},Z=(s,l)=>{i(a=>({...a,table:{...a.table,visibleColumns:l?[...a.table.visibleColumns,s]:a.table.visibleColumns.filter(U=>U!==s)}}))},B=s=>{i(l=>({...l,columns:{...l.columns,sortColumn:s}}))},G=s=>{i(l=>({...l,columns:{...l.columns,sortDirection:s}}))},H=s=>{i(l=>({...l,columns:{...l.columns,groupColumn:s==="none"?void 0:s}}))},_=s=>{i(l=>({...l,folders:{...l.folders,sortColumn:s}}))},k=s=>{i(l=>({...l,folders:{...l.folders,sortDirection:s}}))},Q=s=>{i(l=>({...l,folders:{...l.folders,showFoldersFirst:s}}))};return e.jsxs(j.DropdownMenu,{children:[e.jsx(j.DropdownMenuTrigger,{asChild:!0,children:e.jsx(X.Button,{size:"m",icon:o.Settings,className:D})}),e.jsxs(j.DropdownMenuContent,{align:y,className:"w-72 max-w-[90vw]",children:[W&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"px-3 pt-3 pb-2",children:[e.jsx("h3",{className:"text-label-sm text-[var(--color-text-tertiary)] mb-2",children:"View mode"}),e.jsx(S.Tabs,{value:n.viewMode,onValueChange:P,children:e.jsxs(S.TabsList,{variant:"pilled",size:"s",fullWidth:!0,children:[e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"table",children:"Table"}),N&&e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"folders",children:"Folders"}),w&&e.jsx(S.TabsTrigger,{variant:"pilled",size:"s",fullWidth:!0,value:"columns",children:"Columns"})]})})]}),e.jsx(j.DropdownMenuSeparator,{})]}),e.jsxs("div",{className:"p-3",children:[n.viewMode==="table"&&e.jsxs("div",{className:"space-y-4",children:[z&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.table.sortColumn,onValueChange:R,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:v.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.table.sortColumn&&e.jsxs(t.Select,{value:n.table.sortDirection,onValueChange:s=>E(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=v.find(a=>a.id===n.table.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]}),I&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.table.groupColumn||"none",onValueChange:J,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),C.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),q&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Display columns"}),O&&e.jsx(ee.Input,{type:"search",size:"s",placeholder:"Search columns...",value:p,onChange:s=>F(s.target.value)}),e.jsx("div",{className:"flex flex-wrap items-start justify-start gap-1 max-h-[190px] overflow-y-auto",children:L.map(s=>{const l=n.table.visibleColumns.includes(s.id);return e.jsx(Y.Toggle,{variant:"outline",size:"s",pressed:l,onPressedChange:a=>{Z(s.id,a)},children:s.label},s.id)})})]})]}),n.viewMode==="folders"&&g&&g.length>0&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.folders.sortColumn,onValueChange:_,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column"})}),e.jsx(t.SelectContent,{children:g.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.folders.sortColumn&&e.jsxs(t.Select,{value:n.folders.sortDirection,onValueChange:s=>k(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=g.find(a=>a.id===n.folders.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})}),n.viewMode==="columns"&&e.jsxs("div",{className:"space-y-4",children:[w&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Grouping"}),e.jsxs(t.Select,{value:n.columns.groupColumn||"none",onValueChange:H,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to group by"})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"None"}),u?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))]})]})]}),A&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-label-sm text-[var(--color-text-tertiary)]",children:"Sorting"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs(t.Select,{value:n.columns.sortColumn,onValueChange:B,children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{placeholder:"Select column to sort"})}),e.jsx(t.SelectContent,{children:f?.map(s=>e.jsx(t.SelectItem,{value:s.id,children:s.label},s.id))})]}),n.columns.sortColumn&&e.jsxs(t.Select,{value:n.columns.sortDirection,onValueChange:s=>G(s),children:[e.jsx(t.SelectTrigger,{size:"s",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:(()=>{const s=f?.find(a=>a.id===n.columns.sortColumn),l=b(s);return e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"asc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownNarrowWide,size:"s"}),e.jsx("span",{children:l.asc})]})}),e.jsx(t.SelectItem,{value:"desc",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Icon,{name:o.ArrowDownWideNarrow,size:"s"}),e.jsx("span",{children:l.desc})]})})]})})()})]})]})]})]})]}),n.viewMode==="folders"&&e.jsxs(e.Fragment,{children:[e.jsx(j.DropdownMenuSeparator,{}),e.jsx("div",{className:"p-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(K.Label,{htmlFor:"folders-first",children:"Show folders first"}),e.jsx($.Switch,{id:"folders-first",checked:n.folders.showFoldersFirst,onCheckedChange:Q})]})})]})]})]})});V.displayName="ViewModeMenu";exports.ViewModeMenu=V;
|
|
@@ -5,7 +5,8 @@ import { Command as t } from "cmdk";
|
|
|
5
5
|
import { cn as s } from "../../lib/utils.js";
|
|
6
6
|
import { Icon as b } from "./icon.js";
|
|
7
7
|
import { Button as _ } from "./button.js";
|
|
8
|
-
import {
|
|
8
|
+
import { X as h } from "lucide-react";
|
|
9
|
+
import { inputVariants as N } from "./input.js";
|
|
9
10
|
const c = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
10
11
|
t,
|
|
11
12
|
{
|
|
@@ -19,7 +20,7 @@ const c = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
19
20
|
}
|
|
20
21
|
));
|
|
21
22
|
c.displayName = t.displayName;
|
|
22
|
-
const
|
|
23
|
+
const B = ({ children: e, ...a }) => /* @__PURE__ */ r(m.Root, { ...a, children: /* @__PURE__ */ l(m.Portal, { children: [
|
|
23
24
|
/* @__PURE__ */ r(
|
|
24
25
|
m.Overlay,
|
|
25
26
|
{
|
|
@@ -38,7 +39,7 @@ const L = ({ children: e, ...a }) => /* @__PURE__ */ r(m.Root, { ...a, children:
|
|
|
38
39
|
children: /* @__PURE__ */ r(c, { className: "[&_[cmdk-group-heading]]:px-[var(--space-m)] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-tertiary)] [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-item]]:px-[var(--space-m)] [&_[cmdk-item]]:min-h-[var(--size-m)] [&_[cmdk-item]]:py-[var(--space-s)] [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4", children: e })
|
|
39
40
|
}
|
|
40
41
|
)
|
|
41
|
-
] }) }),
|
|
42
|
+
] }) }), w = /* @__PURE__ */ d.forwardRef(({ className: e, size: a = "m", clearable: o = !0, onClear: u, value: i, ...x }, f) => {
|
|
42
43
|
const p = o && i && String(i).length > 0, v = a === "s" ? "s" : "m", y = a === "s" ? "pl-[30px]" : "pl-[34px]", g = p ? "pr-[calc(var(--size-s)+var(--space-m)+var(--space-s))]" : "";
|
|
43
44
|
return /* @__PURE__ */ l("div", { className: "relative p-[var(--space-s)] border-b border-[var(--color-border-primary-subtle)]", "cmdk-input-wrapper": "", children: [
|
|
44
45
|
/* @__PURE__ */ r(
|
|
@@ -56,7 +57,7 @@ const L = ({ children: e, ...a }) => /* @__PURE__ */ r(m.Root, { ...a, children:
|
|
|
56
57
|
ref: f,
|
|
57
58
|
value: i,
|
|
58
59
|
className: s(
|
|
59
|
-
|
|
60
|
+
N({ size: a, variant: "default" }),
|
|
60
61
|
y,
|
|
61
62
|
g,
|
|
62
63
|
// Force typography to override cmdk defaults
|
|
@@ -80,7 +81,7 @@ const L = ({ children: e, ...a }) => /* @__PURE__ */ r(m.Root, { ...a, children:
|
|
|
80
81
|
type: "button",
|
|
81
82
|
variant: "ghost",
|
|
82
83
|
size: "s",
|
|
83
|
-
icon:
|
|
84
|
+
icon: h,
|
|
84
85
|
iconPosition: "only",
|
|
85
86
|
onClick: (n) => {
|
|
86
87
|
n.preventDefault(), n.stopPropagation(), u?.();
|
|
@@ -91,8 +92,8 @@ const L = ({ children: e, ...a }) => /* @__PURE__ */ r(m.Root, { ...a, children:
|
|
|
91
92
|
)
|
|
92
93
|
] });
|
|
93
94
|
});
|
|
94
|
-
|
|
95
|
-
const
|
|
95
|
+
w.displayName = t.Input.displayName;
|
|
96
|
+
const k = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
96
97
|
t.List,
|
|
97
98
|
{
|
|
98
99
|
ref: o,
|
|
@@ -100,8 +101,8 @@ const w = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
100
101
|
...a
|
|
101
102
|
}
|
|
102
103
|
));
|
|
103
|
-
|
|
104
|
-
const
|
|
104
|
+
k.displayName = t.List.displayName;
|
|
105
|
+
const C = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
105
106
|
t.Empty,
|
|
106
107
|
{
|
|
107
108
|
ref: o,
|
|
@@ -109,8 +110,8 @@ const k = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
109
110
|
...a
|
|
110
111
|
}
|
|
111
112
|
));
|
|
112
|
-
|
|
113
|
-
const
|
|
113
|
+
C.displayName = t.Empty.displayName;
|
|
114
|
+
const R = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
114
115
|
t.Group,
|
|
115
116
|
{
|
|
116
117
|
ref: o,
|
|
@@ -121,8 +122,8 @@ const C = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
121
122
|
...a
|
|
122
123
|
}
|
|
123
124
|
));
|
|
124
|
-
|
|
125
|
-
const
|
|
125
|
+
R.displayName = t.Group.displayName;
|
|
126
|
+
const I = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
126
127
|
t.Separator,
|
|
127
128
|
{
|
|
128
129
|
ref: o,
|
|
@@ -130,8 +131,8 @@ const R = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
130
131
|
...a
|
|
131
132
|
}
|
|
132
133
|
));
|
|
133
|
-
|
|
134
|
-
const
|
|
134
|
+
I.displayName = t.Separator.displayName;
|
|
135
|
+
const P = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
|
|
135
136
|
t.Item,
|
|
136
137
|
{
|
|
137
138
|
ref: o,
|
|
@@ -142,14 +143,14 @@ const I = /* @__PURE__ */ d.forwardRef(({ className: e, ...a }, o) => /* @__PURE
|
|
|
142
143
|
...a
|
|
143
144
|
}
|
|
144
145
|
));
|
|
145
|
-
|
|
146
|
+
P.displayName = t.Item.displayName;
|
|
146
147
|
export {
|
|
147
148
|
c as Command,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
149
|
+
B as CommandDialog,
|
|
150
|
+
C as CommandEmpty,
|
|
151
|
+
R as CommandGroup,
|
|
152
|
+
w as CommandInput,
|
|
153
|
+
P as CommandItem,
|
|
154
|
+
k as CommandList,
|
|
155
|
+
I as CommandSeparator
|
|
155
156
|
};
|