polotno 4.0.0 → 4.0.2

package/primitives/dropdown-menu.js

@@ -1 +1 @@
-var e=this&&this.__rest||function(e,n){var t={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){n.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{CheckIcon as s,ChevronRightIcon as o,CircleIcon as r}from"lucide-react";import{Menu as p}from"@base-ui/react/menu";import{cn as i}from"../lib/utils.js";import{usePortalScope as d}from"./portal-scope.js";function l(t){var a=e(t,[]);return n(p.Root,Object.assign({"data-slot":"dropdown-menu"},a))}function c(t){var a=e(t,[]);return n(p.Portal,Object.assign({"data-slot":"dropdown-menu-portal"},a))}function m(t){var a=e(t,[]);return n(p.Trigger,Object.assign({"data-slot":"dropdown-menu-trigger"},a))}const u=a.forwardRef((t,a)=>{var{className:s,side:o,align:r="start",sideOffset:l=4,alignOffset:c}=t,m=e(t,["className","side","align","sideOffset","alignOffset"]);const u=d(),{container:f,className:g}=u,h=e(u,["container","className"]);return n(p.Portal,{container:f,children:n(p.Positioner,{side:o,align:r,sideOffset:l,alignOffset:c,className:"pn:z-50",children:n(p.Popup,Object.assign({ref:a,"data-slot":"dropdown-menu-content"},h,{className:i(g,"pn:z-50 max-h-(--available-height) pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-x-hidden pn:overflow-y-auto pn:rounded-md pn:border pn:bg-popover pn:p-1 pn:text-popover-foreground pn:shadow-md pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},m))})})});function f(t){var a=e(t,[]);return n(p.Group,Object.assign({"data-slot":"dropdown-menu-group"},a))}u.displayName="DropdownMenuContent";const g=a.forwardRef((t,a)=>{var{className:s,inset:o,variant:r="default",onSelect:d,onClick:l}=t,c=e(t,["className","inset","variant","onSelect","onClick"]);return n(p.Item,Object.assign({ref:a,"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className:i("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:px-2 pn:py-1.5 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:data-[inset]:pl-8 pn:data-[variant=destructive]:text-destructive pn:data-[variant=destructive]:data-highlighted:bg-destructive/10 pn:data-[variant=destructive]:data-highlighted:text-destructive pn:dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground pn:data-[variant=destructive]:*:[svg]:text-destructive!",s),onClick:e=>{null==l||l(e),null==d||d(e)}},c))});g.displayName="DropdownMenuItem";const h=a.forwardRef((a,o)=>{var{className:r,children:d,checked:l}=a,c=e(a,["className","children","checked"]);return t(p.CheckboxItem,Object.assign({ref:o,"data-slot":"dropdown-menu-checkbox-item",className:i("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-2 pn:pl-8 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",r),checked:l},c,{children:[n("span",{className:"pn:pointer-events-none pn:absolute pn:left-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(p.CheckboxItemIndicator,{children:n(s,{className:"pn:size-4"})})}),d]}))});function v(t){var a=e(t,[]);return n(p.RadioGroup,Object.assign({"data-slot":"dropdown-menu-radio-group"},a))}h.displayName="DropdownMenuCheckboxItem";const b=a.forwardRef((a,s)=>{var{className:o,children:d}=a,l=e(a,["className","children"]);return t(p.RadioItem,Object.assign({ref:s,"data-slot":"dropdown-menu-radio-item",className:i("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-2 pn:pl-8 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",o)},l,{children:[n("span",{className:"pn:pointer-events-none pn:absolute pn:left-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(p.RadioItemIndicator,{children:n(r,{className:"pn:size-2 pn:fill-current"})})}),d]}))});b.displayName="DropdownMenuRadioItem";const N=a.forwardRef((t,a)=>{var{className:s,inset:o}=t,r=e(t,["className","inset"]);return n(p.GroupLabel,Object.assign({ref:a,"data-slot":"dropdown-menu-label","data-inset":o,className:i("pn:px-2 pn:py-1.5 pn:text-sm pn:font-medium pn:data-[inset]:pl-8",s)},r))});N.displayName="DropdownMenuLabel";const x=a.forwardRef((t,a)=>{var{className:s}=t,o=e(t,["className"]);return n(p.Separator,Object.assign({ref:a,"data-slot":"dropdown-menu-separator",className:i("pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},o))});x.displayName="DropdownMenuSeparator";const w=a.forwardRef((t,a)=>{var{className:s}=t,o=e(t,["className"]);return n("span",Object.assign({ref:a,"data-slot":"dropdown-menu-shortcut",className:i("pn:ml-auto pn:text-xs pn:tracking-widest pn:text-muted-foreground",s)},o))});function O(t){var a=e(t,[]);return n(p.SubmenuRoot,Object.assign({"data-slot":"dropdown-menu-sub"},a))}w.displayName="DropdownMenuShortcut";const y=a.forwardRef((a,s)=>{var{className:r,inset:d,children:l}=a,c=e(a,["className","inset","children"]);return t(p.SubmenuTrigger,Object.assign({ref:s,"data-slot":"dropdown-menu-sub-trigger","data-inset":d,className:i("pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:px-2 pn:py-1.5 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[inset]:pl-8 pn:data-[popup-open]:bg-accent pn:data-[popup-open]:text-accent-foreground pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground",r)},c,{children:[l,n(o,{className:"pn:ml-auto pn:size-4"})]}))});y.displayName="DropdownMenuSubTrigger";const j=a.forwardRef((t,a)=>{var{className:s,side:o="right",align:r="start",sideOffset:l=0,alignOffset:c=-3}=t,m=e(t,["className","side","align","sideOffset","alignOffset"]);const u=d(),{container:f,className:g}=u,h=e(u,["container","className"]);return n(p.Portal,{container:f,children:n(p.Positioner,{side:o,align:r,sideOffset:l,alignOffset:c,className:"pn:z-50",children:n(p.Popup,Object.assign({ref:a,"data-slot":"dropdown-menu-sub-content"},h,{className:i(g,"pn:z-50 pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-hidden pn:rounded-md pn:border pn:bg-popover pn:p-1 pn:text-popover-foreground pn:shadow-lg pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},m))})})});j.displayName="DropdownMenuSubContent";export{l as DropdownMenu,c as DropdownMenuPortal,m as DropdownMenuTrigger,u as DropdownMenuContent,f as DropdownMenuGroup,N as DropdownMenuLabel,g as DropdownMenuItem,h as DropdownMenuCheckboxItem,v as DropdownMenuRadioGroup,b as DropdownMenuRadioItem,x as DropdownMenuSeparator,w as DropdownMenuShortcut,O as DropdownMenuSub,y as DropdownMenuSubTrigger,j as DropdownMenuSubContent};
+var e=this&&this.__rest||function(e,n){var t={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){n.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{CheckIcon as s,ChevronRightIcon as o,CircleIcon as r}from"lucide-react";import{Menu as i}from"@base-ui/react/menu";import{cn as p}from"../lib/utils.js";import{usePortalScope as d}from"./portal-scope.js";function l(t){var a=e(t,[]);return n(i.Root,Object.assign({"data-slot":"dropdown-menu"},a))}function c(t){var a=e(t,[]);return n(i.Portal,Object.assign({"data-slot":"dropdown-menu-portal"},a))}function m(t){var a=e(t,[]);return n(i.Trigger,Object.assign({"data-slot":"dropdown-menu-trigger"},a))}const u=a.forwardRef((t,a)=>{var{className:s,side:o,align:r="start",sideOffset:l=4,alignOffset:c}=t,m=e(t,["className","side","align","sideOffset","alignOffset"]);const u=d(),{container:f,className:g}=u,h=e(u,["container","className"]);return n(i.Portal,{container:f,children:n(i.Positioner,{side:o,align:r,sideOffset:l,alignOffset:c,positionMethod:"fixed",className:"pn:z-50",children:n(i.Popup,Object.assign({ref:a,"data-slot":"dropdown-menu-content"},h,{className:p(g,"pn:z-50 max-h-(--available-height) pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-x-hidden pn:overflow-y-auto pn:rounded-md pn:border pn:bg-popover pn:p-1 pn:text-popover-foreground pn:shadow-md pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},m))})})});function f(t){var a=e(t,[]);return n(i.Group,Object.assign({"data-slot":"dropdown-menu-group"},a))}u.displayName="DropdownMenuContent";const g=a.forwardRef((t,a)=>{var{className:s,inset:o,variant:r="default",onSelect:d,onClick:l}=t,c=e(t,["className","inset","variant","onSelect","onClick"]);return n(i.Item,Object.assign({ref:a,"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className:p("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:px-2 pn:py-1.5 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:data-[inset]:pl-8 pn:data-[variant=destructive]:text-destructive pn:data-[variant=destructive]:data-highlighted:bg-destructive/10 pn:data-[variant=destructive]:data-highlighted:text-destructive pn:dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground pn:data-[variant=destructive]:*:[svg]:text-destructive!",s),onClick:e=>{null==l||l(e),null==d||d(e)}},c))});g.displayName="DropdownMenuItem";const h=a.forwardRef((a,o)=>{var{className:r,children:d,checked:l}=a,c=e(a,["className","children","checked"]);return t(i.CheckboxItem,Object.assign({ref:o,"data-slot":"dropdown-menu-checkbox-item",className:p("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-2 pn:pl-8 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",r),checked:l},c,{children:[n("span",{className:"pn:pointer-events-none pn:absolute pn:left-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(i.CheckboxItemIndicator,{children:n(s,{className:"pn:size-4"})})}),d]}))});function v(t){var a=e(t,[]);return n(i.RadioGroup,Object.assign({"data-slot":"dropdown-menu-radio-group"},a))}h.displayName="DropdownMenuCheckboxItem";const b=a.forwardRef((a,s)=>{var{className:o,children:d}=a,l=e(a,["className","children"]);return t(i.RadioItem,Object.assign({ref:s,"data-slot":"dropdown-menu-radio-item",className:p("pn:relative pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-2 pn:pl-8 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",o)},l,{children:[n("span",{className:"pn:pointer-events-none pn:absolute pn:left-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(i.RadioItemIndicator,{children:n(r,{className:"pn:size-2 pn:fill-current"})})}),d]}))});b.displayName="DropdownMenuRadioItem";const x=a.forwardRef((t,a)=>{var{className:s,inset:o}=t,r=e(t,["className","inset"]);return n(i.GroupLabel,Object.assign({ref:a,"data-slot":"dropdown-menu-label","data-inset":o,className:p("pn:px-2 pn:py-1.5 pn:text-sm pn:font-medium pn:data-[inset]:pl-8",s)},r))});x.displayName="DropdownMenuLabel";const N=a.forwardRef((t,a)=>{var{className:s}=t,o=e(t,["className"]);return n(i.Separator,Object.assign({ref:a,"data-slot":"dropdown-menu-separator",className:p("pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},o))});N.displayName="DropdownMenuSeparator";const w=a.forwardRef((t,a)=>{var{className:s}=t,o=e(t,["className"]);return n("span",Object.assign({ref:a,"data-slot":"dropdown-menu-shortcut",className:p("pn:ml-auto pn:text-xs pn:tracking-widest pn:text-muted-foreground",s)},o))});function O(t){var a=e(t,[]);return n(i.SubmenuRoot,Object.assign({"data-slot":"dropdown-menu-sub"},a))}w.displayName="DropdownMenuShortcut";const y=a.forwardRef((a,s)=>{var{className:r,inset:d,children:l}=a,c=e(a,["className","inset","children"]);return t(i.SubmenuTrigger,Object.assign({ref:s,"data-slot":"dropdown-menu-sub-trigger","data-inset":d,className:p("pn:flex pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:px-2 pn:py-1.5 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[inset]:pl-8 pn:data-[popup-open]:bg-accent pn:data-[popup-open]:text-accent-foreground pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground",r)},c,{children:[l,n(o,{className:"pn:ml-auto pn:size-4"})]}))});y.displayName="DropdownMenuSubTrigger";const j=a.forwardRef((t,a)=>{var{className:s,side:o="right",align:r="start",sideOffset:l=0,alignOffset:c=-3}=t,m=e(t,["className","side","align","sideOffset","alignOffset"]);const u=d(),{container:f,className:g}=u,h=e(u,["container","className"]);return n(i.Portal,{container:f,children:n(i.Positioner,{side:o,align:r,sideOffset:l,alignOffset:c,positionMethod:"fixed",className:"pn:z-50",children:n(i.Popup,Object.assign({ref:a,"data-slot":"dropdown-menu-sub-content"},h,{className:p(g,"pn:z-50 pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-hidden pn:rounded-md pn:border pn:bg-popover pn:p-1 pn:text-popover-foreground pn:shadow-lg pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},m))})})});j.displayName="DropdownMenuSubContent";export{l as DropdownMenu,c as DropdownMenuPortal,m as DropdownMenuTrigger,u as DropdownMenuContent,f as DropdownMenuGroup,x as DropdownMenuLabel,g as DropdownMenuItem,h as DropdownMenuCheckboxItem,v as DropdownMenuRadioGroup,b as DropdownMenuRadioItem,N as DropdownMenuSeparator,w as DropdownMenuShortcut,O as DropdownMenuSub,y as DropdownMenuSubTrigger,j as DropdownMenuSubContent};

package/primitives/index.d.ts

@@ -12,7 +12,7 @@ export { Switch } from "./switch.js";
 export { Separator } from "./separator.js";
 export { Toggle, toggleVariants } from "./toggle.js";
 export { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";
-export { InputGroup } from "./input-group.js";
+export { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group.js";
 export { SearchInput } from "./search-input.js";
 export { Navbar, NavbarGroup, NavbarDivider } from "./navbar.js";
 export { NumericInput, NumberInput } from "./numeric-input.js";

package/primitives/index.js

@@ -1 +1 @@
-export{Button,buttonVariants}from"./button.js";export{Input}from"./input.js";export{Textarea}from"./textarea.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./select.js";export{Popover,PopoverContent,PopoverTrigger}from"./popover.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./tooltip.js";export{Slider}from"./slider.js";export{Tabs,TabsContent,TabsList,TabsTrigger}from"./tabs.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger}from"./dialog.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./dropdown-menu.js";export{Switch}from"./switch.js";export{Separator}from"./separator.js";export{Toggle,toggleVariants}from"./toggle.js";export{ToggleGroup,ToggleGroupItem}from"./toggle-group.js";export{InputGroup}from"./input-group.js";export{SearchInput}from"./search-input.js";export{Navbar,NavbarGroup,NavbarDivider}from"./navbar.js";export{NumericInput,NumberInput}from"./numeric-input.js";export{SliderField}from"./slider-field.js";export{FieldGroup}from"./field-group.js";export{FieldRow}from"./field-row.js";export{TooltipIconButton}from"./tooltip-icon-button.js";export{ButtonGroup}from"./button-group.js";export{Spinner}from"./spinner.js";export{OverflowList}from"./overflow-list.js";export{PanelHeader}from"./panel-header.js";export{cn}from"../lib/utils.js";
+export{Button,buttonVariants}from"./button.js";export{Input}from"./input.js";export{Textarea}from"./textarea.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./select.js";export{Popover,PopoverContent,PopoverTrigger}from"./popover.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./tooltip.js";export{Slider}from"./slider.js";export{Tabs,TabsContent,TabsList,TabsTrigger}from"./tabs.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger}from"./dialog.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./dropdown-menu.js";export{Switch}from"./switch.js";export{Separator}from"./separator.js";export{Toggle,toggleVariants}from"./toggle.js";export{ToggleGroup,ToggleGroupItem}from"./toggle-group.js";export{InputGroup,InputGroupAddon,InputGroupInput}from"./input-group.js";export{SearchInput}from"./search-input.js";export{Navbar,NavbarGroup,NavbarDivider}from"./navbar.js";export{NumericInput,NumberInput}from"./numeric-input.js";export{SliderField}from"./slider-field.js";export{FieldGroup}from"./field-group.js";export{FieldRow}from"./field-row.js";export{TooltipIconButton}from"./tooltip-icon-button.js";export{ButtonGroup}from"./button-group.js";export{Spinner}from"./spinner.js";export{OverflowList}from"./overflow-list.js";export{PanelHeader}from"./panel-header.js";export{cn}from"../lib/utils.js";

package/primitives/input.js

@@ -1 +1 @@
-var n=this&&this.__rest||function(n,e){var r={};for(var t in n){Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t])}if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(n);i<t.length;i++){e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(n,t[i])&&(r[t[i]]=n[t[i]])}}return r};import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{cn as t}from"../lib/utils.js";const i=r.forwardRef((r,i)=>{var{className:p,type:o}=r,a=n(r,["className","type"]);return e("input",Object.assign({ref:i,type:o,"data-slot":"input",className:t("pn:h-9 pn:w-full pn:min-w-0 pn:rounded-md pn:border pn:border-input pn:bg-transparent pn:px-3 pn:py-1 pn:text-base pn:shadow-xs pn:transition-[color,box-shadow] pn:outline-none pn:selection:bg-primary pn:selection:text-primary-foreground pn:file:inline-flex pn:file:h-7 pn:file:border-0 pn:file:bg-transparent pn:file:text-sm pn:file:font-medium pn:file:text-foreground pn:placeholder:text-muted-foreground pn:disabled:pointer-events-none pn:disabled:cursor-not-allowed pn:disabled:opacity-50 pn:md:text-sm pn:dark:bg-input/30","pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50","pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:dark:aria-invalid:ring-destructive/40",p)},a))});i.displayName="Input";export{i as Input};
+var e=this&&this.__rest||function(e,n){var r={};for(var t in e){Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++){n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(r[t[i]]=e[t[i]])}}return r};import{jsx as n}from"react/jsx-runtime";import*as r from"react";import{Input as t}from"@base-ui/react/input";import{cn as i}from"../lib/utils.js";const p=r.forwardRef((r,p)=>{var{className:o,type:a}=r,s=e(r,["className","type"]);return n(t,Object.assign({ref:p,type:a,"data-slot":"input",className:i("pn:h-9 pn:w-full pn:min-w-0 pn:rounded-md pn:border pn:border-input pn:bg-transparent pn:px-3 pn:py-1 pn:text-base pn:shadow-xs pn:transition-[color,box-shadow] pn:outline-none pn:selection:bg-primary pn:selection:text-primary-foreground pn:file:inline-flex pn:file:h-7 pn:file:border-0 pn:file:bg-transparent pn:file:text-sm pn:file:font-medium pn:file:text-foreground pn:placeholder:text-muted-foreground pn:disabled:pointer-events-none pn:disabled:cursor-not-allowed pn:disabled:opacity-50 pn:md:text-sm pn:dark:bg-input/30","pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50","pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:dark:aria-invalid:ring-destructive/40",o)},s))});p.displayName="Input";export{p as Input};

package/primitives/popover.js

@@ -1 +1 @@
-var e=this&&this.__rest||function(e,t){var o={};for(var n in e){Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++){t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}}return o};import{jsx as t}from"react/jsx-runtime";import*as o from"react";import{Popover as n}from"@base-ui/react/popover";import{cn as r}from"../lib/utils.js";import{usePortalScope as a}from"./portal-scope.js";function i(o){var r=e(o,[]);return t(n.Root,Object.assign({"data-slot":"popover"},r))}function s(o){var r=e(o,[]);return t(n.Trigger,Object.assign({"data-slot":"popover-trigger"},r))}const p=o.forwardRef((o,i)=>{var{className:s,side:p,align:d="center",sideOffset:l=4,alignOffset:f}=o,c=e(o,["className","side","align","sideOffset","alignOffset"]);const m=a(),{container:g,className:u}=m,O=e(m,["container","className"]);return t(n.Portal,{container:g,children:t(n.Positioner,{side:p,align:d,sideOffset:l,alignOffset:f,className:"pn:z-50",children:t(n.Popup,Object.assign({ref:i,"data-slot":"popover-content"},O,{className:r(u,"pn:z-50 pn:w-72 origin-(--transform-origin) pn:rounded-md pn:border pn:bg-popover pn:p-4 pn:text-popover-foreground pn:shadow-md pn:outline-hidden pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},c))})})});p.displayName="PopoverContent";export{i as Popover,s as PopoverTrigger,p as PopoverContent};
+var e=this&&this.__rest||function(e,t){var o={};for(var n in e){Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++){t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}}return o};import{jsx as t}from"react/jsx-runtime";import*as o from"react";import{Popover as n}from"@base-ui/react/popover";import{cn as r}from"../lib/utils.js";import{usePortalScope as a}from"./portal-scope.js";function i(o){var r=e(o,[]);return t(n.Root,Object.assign({"data-slot":"popover"},r))}function s(o){var r=e(o,[]);return t(n.Trigger,Object.assign({"data-slot":"popover-trigger"},r))}const p=o.forwardRef((o,i)=>{var{className:s,side:p,align:d="center",sideOffset:l=4,alignOffset:f}=o,c=e(o,["className","side","align","sideOffset","alignOffset"]);const m=a(),{container:g,className:u}=m,O=e(m,["container","className"]);return t(n.Portal,{container:g,children:t(n.Positioner,{side:p,align:d,sideOffset:l,alignOffset:f,positionMethod:"fixed",className:"pn:z-50",children:t(n.Popup,Object.assign({ref:i,"data-slot":"popover-content"},O,{className:r(u,"pn:z-50 pn:w-72 origin-(--transform-origin) pn:rounded-md pn:border pn:bg-popover pn:p-4 pn:text-popover-foreground pn:shadow-md pn:outline-hidden pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",s)},c))})})});p.displayName="PopoverContent";export{i as Popover,s as PopoverTrigger,p as PopoverContent};

package/primitives/portal-scope.js

@@ -1 +1 @@
-var o,e;import{jsx as t}from"react/jsx-runtime";import*as n from"react";const l=n.createContext(null),r="undefined"!=typeof window&&"localhost"===window.location.hostname||"undefined"!=typeof globalThis&&"development"===(null===(e=null===(o=globalThis.process)||void 0===o?void 0:o.env)||void 0===e?void 0:e.NODE_ENV);let a=!1;function i(o){return o&&"undefined"!=typeof window&&window.getComputedStyle(o).getPropertyValue("--pn-default-background").trim()?"dark":"light"}export function PolotnoScope({elementRef:o,children:e}){const[r,a]=n.useState({container:null,scheme:"light"});return n.useEffect(()=>{const e=()=>{var e;return a({container:null!==(e=o.current)&&void 0!==e?e:null,scheme:i(o.current)})};e();const t=[o.current,document.documentElement].filter(Boolean),n=new MutationObserver(e);return t.forEach(o=>n.observe(o,{attributes:!0,attributeFilter:["class","data-polotno-theme"]})),()=>n.disconnect()},[o]),t(l.Provider,{value:r,children:e})}export function usePortalScope(){var o,e;const t=n.useContext(l),[c,u]=n.useState("light");n.useEffect(()=>{t||(r&&!a&&(a=!0,console.warn("[polotno] Render Polotno UI inside <PolotnoContainer> or a `.polotno-ui` element.")),u(i(document.querySelector('.polotno-ui, [data-polotno-theme], [class*="polotno-"]:not(.polotno-portal)'))))},[t]);const s=null!==(o=null==t?void 0:t.container)&&void 0!==o?o:void 0;if(s){return{container:s,className:"polotno-portal"}}const d=null!==(e=null==t?void 0:t.scheme)&&void 0!==e?e:c;return Object.assign({className:"polotno-portal"},"dark"===d?{"data-polotno-theme":"dark"}:{})}
+var e,o;import{jsx as t}from"react/jsx-runtime";import*as n from"react";const l=n.createContext(null),r="undefined"!=typeof window&&"localhost"===window.location.hostname||"undefined"!=typeof globalThis&&"development"===(null===(o=null===(e=globalThis.process)||void 0===e?void 0:e.env)||void 0===o?void 0:o.NODE_ENV);let i=!1;function a(e){return e&&"undefined"!=typeof window&&window.getComputedStyle(e).getPropertyValue("--pn-default-background").trim()?"dark":"light"}export function PolotnoScope({elementRef:e,children:o}){const r=n.useContext(l),[i,c]=n.useState({container:null,scheme:"light"});n.useEffect(()=>{const o=()=>{var o;return c({container:null!==(o=e.current)&&void 0!==o?o:null,scheme:a(e.current)})};o();const t=[e.current,document.documentElement].filter(Boolean),n=new MutationObserver(o);return t.forEach(e=>n.observe(e,{attributes:!0,attributeFilter:["class","data-polotno-theme"]})),()=>n.disconnect()},[e]);const u=n.useMemo(()=>{var e;return{container:null!==(e=null==r?void 0:r.container)&&void 0!==e?e:i.container,scheme:i.scheme}},[null==r?void 0:r.container,i.container,i.scheme]);return t(l.Provider,{value:u,children:o})}export function usePortalScope(){var e,o;const t=n.useContext(l),[c,u]=n.useState("light");n.useEffect(()=>{t||(r&&!i&&(i=!0,console.warn("[polotno] Render Polotno UI inside <PolotnoContainer> or a `.polotno-ui` element.")),u(a(document.querySelector('.polotno-ui, [data-polotno-theme], [class*="polotno-"]:not(.polotno-portal)'))))},[t]);const s=null!==(e=null==t?void 0:t.container)&&void 0!==e?e:void 0;if(s){return{container:s,className:"polotno-portal"}}const d=null!==(o=null==t?void 0:t.scheme)&&void 0!==o?o:c;return Object.assign({className:"polotno-portal"},"dark"===d?{"data-polotno-theme":"dark"}:{})}

package/primitives/select.js

@@ -1 +1 @@
-var e=this&&this.__rest||function(e,n){var t={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){n.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{CheckIcon as s,ChevronDownIcon as r,ChevronUpIcon as l}from"lucide-react";import{Select as i}from"@base-ui/react/select";import{cn as p}from"../lib/utils.js";import{usePortalScope as o}from"./portal-scope.js";const c=i.Root,d=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.Group,Object.assign({ref:a,"data-slot":"select-group",className:p("pn:scroll-my-1",s)},r))});function m(t){var a=e(t,[]);return n(i.Value,Object.assign({"data-slot":"select-value"},a))}d.displayName="SelectGroup";const f=a.forwardRef((a,s)=>{var{className:l,size:o="default",children:c}=a,d=e(a,["className","size","children"]);return t(i.Trigger,Object.assign({ref:s,"data-slot":"select-trigger","data-size":o,className:p("pn:flex pn:w-fit pn:items-center pn:justify-between pn:gap-2 pn:rounded-md pn:border pn:border-input pn:bg-transparent pn:px-3 pn:py-2 pn:text-sm pn:whitespace-nowrap pn:shadow-xs pn:transition-[color,box-shadow] pn:outline-none pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:cursor-not-allowed pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:data-[placeholder]:text-muted-foreground pn:data-[size=default]:h-9 pn:data-[size=sm]:h-8 pn:*:data-[slot=select-value]:line-clamp-1 pn:*:data-[slot=select-value]:flex pn:*:data-[slot=select-value]:items-center pn:*:data-[slot=select-value]:gap-2 pn:dark:bg-input/30 pn:dark:hover:bg-input/50 pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground",l)},d,{children:[c,n(i.Icon,{render:n(r,{className:"pn:size-4 pn:opacity-50"})})]}))});f.displayName="SelectTrigger";const u=a.forwardRef((a,s)=>{var{className:r,children:l,side:c,align:d="center",sideOffset:m,alignItemWithTrigger:f=!0}=a,u=e(a,["className","children","side","align","sideOffset","alignItemWithTrigger"]);const g=o(),{container:h,className:b}=g,x=e(g,["container","className"]);return n(i.Portal,{container:h,children:n(i.Positioner,{side:c,align:d,sideOffset:m,alignItemWithTrigger:f,className:"pn:z-50",children:t(i.Popup,Object.assign({ref:s,"data-slot":"select-content","data-align-trigger":f},x,{className:p(b,"pn:relative pn:z-50 max-h-(--available-height) pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-x-hidden pn:overflow-y-auto pn:rounded-md pn:border pn:bg-popover pn:text-popover-foreground pn:shadow-md pn:data-[align-trigger=true]:animate-none pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",r)},u,{children:[n(v,{}),n(i.List,{className:"pn:p-1",children:l}),n(N,{})]}))})})});u.displayName="SelectContent";const g=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.GroupLabel,Object.assign({ref:a,"data-slot":"select-label",className:p("pn:px-2 pn:py-1.5 pn:text-xs pn:text-muted-foreground",s)},r))});g.displayName="SelectLabel";const h=a.forwardRef((a,r)=>{var{className:l,children:o}=a,c=e(a,["className","children"]);return t(i.Item,Object.assign({ref:r,"data-slot":"select-item",className:p("pn:relative pn:flex pn:w-full pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-8 pn:pl-2 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground pn:*:[span]:last:flex pn:*:[span]:last:items-center pn:*:[span]:last:gap-2",l)},c,{children:[n("span",{"data-slot":"select-item-indicator",className:"pn:absolute pn:right-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(i.ItemIndicator,{children:n(s,{className:"pn:size-4"})})}),n(i.ItemText,{children:o})]}))});h.displayName="SelectItem";const b=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.Separator,Object.assign({ref:a,"data-slot":"select-separator",className:p("pn:pointer-events-none pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},r))});b.displayName="SelectSeparator";const v=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.ScrollUpArrow,Object.assign({ref:a,"data-slot":"select-scroll-up-button",className:p("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},r,{children:n(l,{className:"pn:size-4"})}))});v.displayName="SelectScrollUpButton";const N=a.forwardRef((t,a)=>{var{className:s}=t,l=e(t,["className"]);return n(i.ScrollDownArrow,Object.assign({ref:a,"data-slot":"select-scroll-down-button",className:p("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},l,{children:n(r,{className:"pn:size-4"})}))});N.displayName="SelectScrollDownButton";export{c as Select,u as SelectContent,d as SelectGroup,h as SelectItem,g as SelectLabel,N as SelectScrollDownButton,v as SelectScrollUpButton,b as SelectSeparator,f as SelectTrigger,m as SelectValue};
+var e=this&&this.__rest||function(e,n){var t={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){n.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as a from"react";import{CheckIcon as s,ChevronDownIcon as r,ChevronUpIcon as l}from"lucide-react";import{Select as i}from"@base-ui/react/select";import{cn as p}from"../lib/utils.js";import{usePortalScope as o}from"./portal-scope.js";const c=i.Root,d=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.Group,Object.assign({ref:a,"data-slot":"select-group",className:p("pn:scroll-my-1",s)},r))});function m(t){var a=e(t,[]);return n(i.Value,Object.assign({"data-slot":"select-value"},a))}d.displayName="SelectGroup";const f=a.forwardRef((a,s)=>{var{className:l,size:o="default",children:c}=a,d=e(a,["className","size","children"]);return t(i.Trigger,Object.assign({ref:s,"data-slot":"select-trigger","data-size":o,className:p("pn:flex pn:w-fit pn:items-center pn:justify-between pn:gap-2 pn:rounded-md pn:border pn:border-input pn:bg-transparent pn:px-3 pn:py-2 pn:text-sm pn:whitespace-nowrap pn:shadow-xs pn:transition-[color,box-shadow] pn:outline-none pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:cursor-not-allowed pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:data-[placeholder]:text-muted-foreground pn:data-[size=default]:h-9 pn:data-[size=sm]:h-8 pn:*:data-[slot=select-value]:line-clamp-1 pn:*:data-[slot=select-value]:flex pn:*:data-[slot=select-value]:items-center pn:*:data-[slot=select-value]:gap-2 pn:dark:bg-input/30 pn:dark:hover:bg-input/50 pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground",l)},d,{children:[c,n(i.Icon,{render:n(r,{className:"pn:size-4 pn:opacity-50"})})]}))});f.displayName="SelectTrigger";const u=a.forwardRef((a,s)=>{var{className:r,children:l,side:c,align:d="center",sideOffset:m,alignItemWithTrigger:f=!0}=a,u=e(a,["className","children","side","align","sideOffset","alignItemWithTrigger"]);const g=o(),{container:h,className:b}=g,x=e(g,["container","className"]);return n(i.Portal,{container:h,children:n(i.Positioner,{side:c,align:d,sideOffset:m,alignItemWithTrigger:f,positionMethod:"fixed",className:"pn:z-50",children:t(i.Popup,Object.assign({ref:s,"data-slot":"select-content","data-align-trigger":f},x,{className:p(b,"pn:relative pn:z-50 max-h-(--available-height) pn:min-w-[8rem] origin-(--transform-origin) pn:overflow-x-hidden pn:overflow-y-auto pn:rounded-md pn:border pn:bg-popover pn:text-popover-foreground pn:shadow-md pn:data-[align-trigger=true]:animate-none pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95 pn:data-[open]:animate-in pn:data-[open]:fade-in-0 pn:data-[open]:zoom-in-95",r)},u,{children:[n(v,{}),n(i.List,{className:"pn:p-1",children:l}),n(N,{})]}))})})});u.displayName="SelectContent";const g=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.GroupLabel,Object.assign({ref:a,"data-slot":"select-label",className:p("pn:px-2 pn:py-1.5 pn:text-xs pn:text-muted-foreground",s)},r))});g.displayName="SelectLabel";const h=a.forwardRef((a,r)=>{var{className:l,children:o}=a,c=e(a,["className","children"]);return t(i.Item,Object.assign({ref:r,"data-slot":"select-item",className:p("pn:relative pn:flex pn:w-full pn:cursor-default pn:items-center pn:gap-2 pn:rounded-sm pn:py-1.5 pn:pr-8 pn:pl-2 pn:text-sm pn:outline-hidden pn:select-none pn:data-highlighted:bg-accent pn:data-highlighted:text-accent-foreground pn:data-[disabled]:pointer-events-none pn:data-[disabled]:opacity-50 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4 pn:[&_svg:not([class*='text-'])]:text-muted-foreground pn:*:[span]:last:flex pn:*:[span]:last:items-center pn:*:[span]:last:gap-2",l)},c,{children:[n("span",{"data-slot":"select-item-indicator",className:"pn:absolute pn:right-2 pn:flex pn:size-3.5 pn:items-center pn:justify-center",children:n(i.ItemIndicator,{children:n(s,{className:"pn:size-4"})})}),n(i.ItemText,{children:o})]}))});h.displayName="SelectItem";const b=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.Separator,Object.assign({ref:a,"data-slot":"select-separator",className:p("pn:pointer-events-none pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},r))});b.displayName="SelectSeparator";const v=a.forwardRef((t,a)=>{var{className:s}=t,r=e(t,["className"]);return n(i.ScrollUpArrow,Object.assign({ref:a,"data-slot":"select-scroll-up-button",className:p("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},r,{children:n(l,{className:"pn:size-4"})}))});v.displayName="SelectScrollUpButton";const N=a.forwardRef((t,a)=>{var{className:s}=t,l=e(t,["className"]);return n(i.ScrollDownArrow,Object.assign({ref:a,"data-slot":"select-scroll-down-button",className:p("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},l,{children:n(r,{className:"pn:size-4"})}))});N.displayName="SelectScrollDownButton";export{c as Select,u as SelectContent,d as SelectGroup,h as SelectItem,g as SelectLabel,N as SelectScrollDownButton,v as SelectScrollUpButton,b as SelectSeparator,f as SelectTrigger,m as SelectValue};

package/primitives/separator.js

@@ -1 +1 @@
-var t=this&&this.__rest||function(t,r){var a={};for(var o in t){Object.prototype.hasOwnProperty.call(t,o)&&r.indexOf(o)<0&&(a[o]=t[o])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(o=Object.getOwnPropertySymbols(t);e<o.length;e++){r.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(t,o[e])&&(a[o[e]]=t[o[e]])}}return a};import{jsx as r}from"react/jsx-runtime";import*as a from"react";import{Separator as o}from"@base-ui/react/separator";import{cn as e}from"../lib/utils.js";const n=a.forwardRef((a,n)=>{var{className:i,orientation:s="horizontal"}=a,p=t(a,["className","orientation"]);return r(o,Object.assign({ref:n,"data-slot":"separator",orientation:s,className:e("pn:shrink-0 pn:bg-border pn:data-[orientation=horizontal]:h-px pn:data-[orientation=horizontal]:w-full pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:w-px",i)},p))});n.displayName="Separator";export{n as Separator};
+var t=this&&this.__rest||function(t,r){var a={};for(var o in t){Object.prototype.hasOwnProperty.call(t,o)&&r.indexOf(o)<0&&(a[o]=t[o])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(o=Object.getOwnPropertySymbols(t);e<o.length;e++){r.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(t,o[e])&&(a[o[e]]=t[o[e]])}}return a};import{jsx as r}from"react/jsx-runtime";import*as a from"react";import{Separator as o}from"@base-ui/react/separator";import{cn as e}from"../lib/utils.js";const n=a.forwardRef((a,n)=>{var{className:i,orientation:s="horizontal"}=a,p=t(a,["className","orientation"]);return r(o,Object.assign({ref:n,"data-slot":"separator",orientation:s,className:e("pn:shrink-0 pn:bg-border pn:data-[orientation=horizontal]:h-px pn:data-[orientation=horizontal]:w-full pn:data-[orientation=vertical]:w-px pn:data-[orientation=vertical]:self-stretch",i)},p))});n.displayName="Separator";export{n as Separator};

package/primitives/spinner.d.ts

@@ -1,6 +1,3 @@
 import * as React from "react";
-type SpinnerProps = Omit<React.ComponentProps<"svg">, "size"> & {
-    size?: number;
-};
-declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const Spinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Spinner };

package/primitives/spinner.js

@@ -1 +1 @@
-var e=this&&this.__rest||function(e,r){var t={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){r.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(t[a[s]]=e[a[s]])}}return t};import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{Loader2Icon as a}from"lucide-react";import{cn as s}from"../lib/utils.js";const i=t.forwardRef((t,i)=>{var{className:o,size:n}=t,l=e(t,["className","size"]);return r(a,Object.assign({ref:i,role:"status","aria-label":"Loading",width:n,height:n,className:s("pn:size-4 pn:animate-spin",o)},l))});i.displayName="Spinner";export{i as Spinner};
+var r=this&&this.__rest||function(r,e){var t={};for(var a in r){Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a])}if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++){e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}}return t};import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{Loader2Icon as a}from"lucide-react";import{cn as o}from"../lib/utils.js";const s=t.forwardRef((t,s)=>{var{className:n}=t,i=r(t,["className"]);return e(a,Object.assign({ref:s,role:"status","aria-label":"Loading",className:o("pn:size-4 pn:animate-spin",n)},i))});s.displayName="Spinner";export{s as Spinner};

package/primitives/switch.js

@@ -1 +1 @@
-var n=this&&this.__rest||function(n,e){var r={};for(var t in n){Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(r[t]=n[t])}if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(n);a<t.length;a++){e.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(n,t[a])&&(r[t[a]]=n[t[a]])}}return r};import{jsx as e}from"react/jsx-runtime";import*as r from"react";import{Switch as t}from"@base-ui/react/switch";import{cn as a}from"../lib/utils.js";const p=r.forwardRef((r,p)=>{var{className:o}=r,i=n(r,["className"]);return e(t.Root,Object.assign({ref:p,"data-slot":"switch",className:a("pn:peer pn:group/switch pn:inline-flex pn:shrink-0 pn:items-center pn:rounded-full pn:border pn:border-transparent pn:shadow-xs pn:transition-all pn:outline-none pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:cursor-not-allowed pn:disabled:opacity-50 pn:h-[1.15rem] pn:w-8 pn:data-checked:bg-primary pn:data-unchecked:bg-input pn:dark:data-unchecked:bg-input/80",o)},i,{children:e(t.Thumb,{"data-slot":"switch-thumb",className:a("pn:pointer-events-none pn:block pn:rounded-full pn:bg-background pn:ring-0 pn:transition-transform pn:size-4 pn:data-checked:translate-x-[calc(100%-2px)] pn:data-unchecked:translate-x-0 pn:dark:data-checked:bg-primary-foreground pn:dark:data-unchecked:bg-foreground")})}))});p.displayName="Switch";export{p as Switch};
+var n=this&&this.__rest||function(n,r){var e={};for(var a in n){Object.prototype.hasOwnProperty.call(n,a)&&r.indexOf(a)<0&&(e[a]=n[a])}if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(n);t<a.length;t++){r.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(n,a[t])&&(e[a[t]]=n[a[t]])}}return e};import{jsx as r}from"react/jsx-runtime";import*as e from"react";import{Switch as a}from"@base-ui/react/switch";import{cn as t}from"../lib/utils.js";const i=e.forwardRef((e,i)=>{var{className:p}=e,s=n(e,["className"]);return r(a.Root,Object.assign({ref:i,"data-slot":"switch",className:t("pn:peer pn:group/switch pn:relative pn:inline-flex pn:shrink-0 pn:items-center pn:rounded-full pn:border pn:border-transparent pn:shadow-xs pn:transition-all pn:outline-none pn:after:absolute pn:after:-inset-x-3 pn:after:-inset-y-2 pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-[3px] pn:aria-invalid:ring-destructive/20 pn:dark:aria-invalid:border-destructive/50 pn:dark:aria-invalid:ring-destructive/40 pn:data-disabled:cursor-not-allowed pn:data-disabled:opacity-50 pn:h-[1.15rem] pn:w-8 pn:data-checked:bg-primary pn:data-unchecked:bg-input pn:dark:data-unchecked:bg-input/80",p)},s,{children:r(a.Thumb,{"data-slot":"switch-thumb",className:t("pn:pointer-events-none pn:block pn:rounded-full pn:bg-background pn:ring-0 pn:transition-transform pn:size-4 pn:data-checked:translate-x-[calc(100%-2px)] pn:data-unchecked:translate-x-0 pn:dark:data-checked:bg-primary-foreground pn:dark:data-unchecked:bg-foreground")})}))});i.displayName="Switch";export{i as Switch};

package/primitives/tooltip.js

@@ -1 +1 @@
-var t=this&&this.__rest||function(t,e){var n={};for(var o in t){Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++){e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]])}}return n};import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as o from"react";import{Tooltip as r}from"@base-ui/react/tooltip";import{cn as a}from"../lib/utils.js";import{usePortalScope as i}from"./portal-scope.js";const s=o.createContext(!1);function l(n){var{delay:o=0}=n,a=t(n,["delay"]);return e(s.Provider,{value:!0,children:e(r.Provider,Object.assign({delay:o},a))})}function p(n){var a=t(n,[]);const i=o.useContext(s),l=e(r.Root,Object.assign({"data-slot":"tooltip"},a));return i?l:e(r.Provider,{delay:0,children:l})}function d(n){var o=t(n,[]);return e(r.Trigger,Object.assign({"data-slot":"tooltip-trigger"},o))}const c=o.forwardRef((o,s)=>{var{className:l,side:p,sideOffset:d=0,align:c="center",children:f}=o,m=t(o,["className","side","sideOffset","align","children"]);const u=i(),{container:g,className:b}=u,y=t(u,["container","className"]);return e(r.Portal,{container:g,children:e(r.Positioner,{side:p,sideOffset:d,align:c,className:"pn:z-50",children:n(r.Popup,Object.assign({ref:s,"data-slot":"tooltip-content"},y,{className:a(b,"pn:z-50 pn:w-fit origin-(--transform-origin) pn:animate-in pn:rounded-md pn:bg-foreground pn:px-3 pn:py-1.5 pn:text-xs pn:text-balance pn:text-background pn:fade-in-0 pn:zoom-in-95 pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95",l)},m,{children:[f,e(r.Arrow,{className:"pn:z-50 pn:size-2.5 pn:translate-y-[calc(-50%_-_2px)] pn:rotate-45 pn:rounded-[2px] pn:bg-foreground pn:fill-foreground"})]}))})})});c.displayName="TooltipContent";export{p as Tooltip,c as TooltipContent,l as TooltipProvider,d as TooltipTrigger};
+var t=this&&this.__rest||function(t,e){var n={};for(var a in t){Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++){e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(n[a[i]]=t[a[i]])}}return n};import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as a from"react";import{Tooltip as i}from"@base-ui/react/tooltip";import{cn as o}from"../lib/utils.js";import{usePortalScope as r}from"./portal-scope.js";const s=a.createContext(!1);function d(n){var{delay:a=0}=n,o=t(n,["delay"]);return e(s.Provider,{value:!0,children:e(i.Provider,Object.assign({delay:a},o))})}function p(n){var o=t(n,[]);const r=a.useContext(s),d=e(i.Root,Object.assign({"data-slot":"tooltip"},o));return r?d:e(i.Provider,{delay:0,children:d})}function l(n){var a=t(n,[]);return e(i.Trigger,Object.assign({"data-slot":"tooltip-trigger"},a))}const c=a.forwardRef((a,s)=>{var{className:d,side:p,sideOffset:l=4,align:c="center",children:f}=a,m=t(a,["className","side","sideOffset","align","children"]);const g=r(),{container:u,className:b}=g,y=t(g,["container","className"]);return e(i.Portal,{container:u,children:e(i.Positioner,{side:p,sideOffset:l,align:c,positionMethod:"fixed",className:"pn:z-50",children:n(i.Popup,Object.assign({ref:s,"data-slot":"tooltip-content"},y,{className:o(b,"pn:z-50 pn:w-fit origin-(--transform-origin) pn:animate-in pn:rounded-md pn:bg-foreground pn:px-3 pn:py-1.5 pn:text-xs pn:text-balance pn:text-background pn:fade-in-0 pn:zoom-in-95 pn:data-[side=bottom]:slide-in-from-top-2 pn:data-[side=left]:slide-in-from-right-2 pn:data-[side=right]:slide-in-from-left-2 pn:data-[side=top]:slide-in-from-bottom-2 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[closed]:zoom-out-95",d)},m,{children:[f,e(i.Arrow,{className:o("pn:z-50 pn:size-2.5 pn:translate-y-[calc(-50%_-_2px)] pn:rotate-45 pn:rounded-[2px] pn:bg-foreground pn:fill-foreground","pn:data-[side=bottom]:top-1","pn:data-[side=top]:-bottom-2.5","pn:data-[side=left]:top-1/2! pn:data-[side=left]:-right-1 pn:data-[side=left]:-translate-y-1/2","pn:data-[side=right]:top-1/2! pn:data-[side=right]:-left-1 pn:data-[side=right]:-translate-y-1/2","pn:data-[side=inline-end]:top-1/2! pn:data-[side=inline-end]:-left-1 pn:data-[side=inline-end]:-translate-y-1/2","pn:data-[side=inline-start]:top-1/2! pn:data-[side=inline-start]:-right-1 pn:data-[side=inline-start]:-translate-y-1/2")})]}))})})});c.displayName="TooltipContent";export{p as Tooltip,c as TooltipContent,d as TooltipProvider,l as TooltipTrigger};

package/side-panel/images-grid.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"react";import{registerNextDomDrop as r}from"../canvas/page.js";import{t as l}from"../utils/l10n.js";import{cn as o}from"../lib/utils.js";import{Spinner as a}from"../primitives/spinner.js";const i=({url:t,credit:l,onSelect:a,crossOrigin:i,shadowEnabled:s,itemHeight:p,className:c,onLoad:d,alt:m})=>{const u=null==s||s;return e("div",{role:"button",onClick:()=>{a()},className:"polotno-close-panel pn:group/img-wrap pn:p-[5px] pn:w-full pn:md:[&_.credit]:opacity-0 pn:md:hover:[&_.credit]:opacity-100 pn:[&_.credit]:opacity-100",children:n("div",{"data-shadowenabled":u,className:o("pn:relative pn:overflow-hidden pn:rounded-[5px]",u?"pn:shadow-[0_0_5px_rgba(16,22,26,0.3),0_0_0_1px_rgba(16,22,26,0.12)] pn:dark:shadow-[0_0_0_1px_rgba(255,255,255,0.16)]":""),children:[e("img",{className:o("pn:block pn:max-h-[300px] pn:min-h-[50px] pn:w-full pn:cursor-pointer pn:object-contain",c),style:{height:null!=p?p:"auto"},src:t,draggable:!0,loading:"lazy",crossOrigin:i,alt:m,onDragStart:()=>{r(({x:e,y:n},t,r)=>{a({x:e,y:n},t,r)})},onDragEnd:()=>{r(null)},onLoad:d}),l&&e("div",{className:"credit pn:absolute pn:bottom-0 pn:left-0 pn:w-full pn:bg-gradient-to-b pn:from-transparent pn:via-black/40 pn:to-black/60 pn:p-[3px] pn:pt-[10px] pn:text-center pn:text-[10px] pn:text-white pn:[&_a]:text-white pn:[&_a]:underline",children:l})]})})};export const ImagesGrid=({images:r,onSelect:o,isLoading:s,getPreview:p,loadMore:c,getCredit:d,getAlt:m,getImageClassName:u,rowsNumber:g,crossOrigin:h="anonymous",shadowEnabled:f,itemHeight:x,error:w,hideNoResults:b=!1})=>{const v=g||2,_=t.useRef(null),N=[];for(var y=0;y<v;y++){N.push((r||[]).filter((e,n)=>n%v===y))}const j=t.useRef(null),H=()=>{var e;const n=_.current,t=!!n&&n.scrollHeight>n.offsetHeight+5,l=r&&r.length,o=Array.from(null!==(e=null==n?void 0:n.querySelectorAll("img"))&&void 0!==e?e:[]).every(e=>e.complete);!t&&c&&!s&&l&&o&&(j.current||(j.current=window.setTimeout(()=>{j.current=null,c&&c()},100)))},S=()=>{H()};return t.useEffect(()=>(H(),()=>{null!==j.current&&window.clearTimeout(j.current),j.current=null}),[r&&r.length,s]),n("div",{onScroll:e=>{const n=e.target.scrollHeight-e.target.scrollTop-e.target.offsetHeight;c&&!s&&n<200&&c()},ref:_,className:"pn:h-full pn:overflow-auto",children:[N.map((t,r)=>n("div",{className:"pn:float-left",style:{width:100/v+"%"},children:[t.map((n,t)=>e(i,{url:p(n),onSelect:(e,t,r)=>o(n,e,t,r),credit:d&&d(n),crossOrigin:h,shadowEnabled:f,itemHeight:x,className:u&&u(n),onLoad:S,alt:m&&m(n)||""},t)),s&&e("div",{style:{padding:"30px"},children:e(a,{size:20,className:"pn:mx-auto pn:text-muted-foreground"})})]},r)),!s&&(!r||!r.length)&&!w&&!b&&e("p",{className:"pn:p-[30px] pn:text-center",children:l("sidePanel.noResults")}),w&&e("p",{className:"pn:p-[30px] pn:text-center",children:l("sidePanel.error")})]})};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t from"react";import{registerNextDomDrop as r}from"../canvas/page.js";import{t as l}from"../utils/l10n.js";import{cn as o}from"../lib/utils.js";import{Spinner as a}from"../primitives/spinner.js";const i=({url:t,credit:l,onSelect:a,crossOrigin:i,shadowEnabled:s,itemHeight:p,className:c,onLoad:d,alt:m})=>{const u=null==s||s;return e("div",{role:"button",onClick:()=>{a()},className:"polotno-close-panel pn:group/img-wrap pn:p-[5px] pn:w-full pn:md:[&_.credit]:opacity-0 pn:md:hover:[&_.credit]:opacity-100 pn:[&_.credit]:opacity-100",children:n("div",{"data-shadowenabled":u,className:o("pn:relative pn:overflow-hidden pn:rounded-[5px]",u?"pn:shadow-[0_0_5px_rgba(16,22,26,0.3),0_0_0_1px_rgba(16,22,26,0.12)] pn:dark:shadow-[0_0_0_1px_rgba(255,255,255,0.16)]":""),children:[e("img",{className:o("pn:block pn:max-h-[300px] pn:min-h-[50px] pn:w-full pn:cursor-pointer pn:object-contain",c),style:{height:null!=p?p:"auto"},src:t,draggable:!0,loading:"lazy",crossOrigin:i,alt:m,onDragStart:()=>{r(({x:e,y:n},t,r)=>{a({x:e,y:n},t,r)})},onDragEnd:()=>{r(null)},onLoad:d}),l&&e("div",{className:"credit pn:absolute pn:bottom-0 pn:left-0 pn:w-full pn:bg-gradient-to-b pn:from-transparent pn:via-black/40 pn:to-black/60 pn:p-[3px] pn:pt-[10px] pn:text-center pn:text-[10px] pn:text-white pn:[&_a]:text-white pn:[&_a]:underline",children:l})]})})};export const ImagesGrid=({images:r,onSelect:o,isLoading:s,getPreview:p,loadMore:c,getCredit:d,getAlt:m,getImageClassName:u,rowsNumber:g,crossOrigin:h="anonymous",shadowEnabled:f,itemHeight:x,error:w,hideNoResults:b=!1})=>{const v=g||2,_=t.useRef(null),N=[];for(var y=0;y<v;y++){N.push((r||[]).filter((e,n)=>n%v===y))}const j=t.useRef(null),H=()=>{var e;const n=_.current,t=!!n&&n.scrollHeight>n.offsetHeight+5,l=r&&r.length,o=Array.from(null!==(e=null==n?void 0:n.querySelectorAll("img"))&&void 0!==e?e:[]).every(e=>e.complete);!t&&c&&!s&&l&&o&&(j.current||(j.current=window.setTimeout(()=>{j.current=null,c&&c()},100)))},S=()=>{H()};return t.useEffect(()=>(H(),()=>{null!==j.current&&window.clearTimeout(j.current),j.current=null}),[r&&r.length,s]),n("div",{onScroll:e=>{const n=e.target.scrollHeight-e.target.scrollTop-e.target.offsetHeight;c&&!s&&n<200&&c()},ref:_,className:"pn:h-full pn:overflow-auto",children:[N.map((t,r)=>n("div",{className:"pn:float-left",style:{width:100/v+"%"},children:[t.map((n,t)=>e(i,{url:p(n),onSelect:(e,t,r)=>o(n,e,t,r),credit:d&&d(n),crossOrigin:h,shadowEnabled:f,itemHeight:x,className:u&&u(n),onLoad:S,alt:m&&m(n)||""},t)),s&&e("div",{style:{padding:"30px"},children:e(a,{className:"pn:size-5 pn:mx-auto pn:text-muted-foreground"})})]},r)),!s&&(!r||!r.length)&&!w&&!b&&e("p",{className:"pn:p-[30px] pn:text-center",children:l("sidePanel.noResults")}),w&&e("p",{className:"pn:p-[30px] pn:text-center",children:l("sidePanel.error")})]})};

package/side-panel/videos-grid.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useCallback as r,useRef as t}from"react";import{registerNextDomDrop as i}from"../canvas/page.js";import{Spinner as o}from"../primitives/spinner.js";export const VideosGrid=({items:a,onSelect:l,loadMore:s,isLoading:c,error:d,getCredit:u})=>{const m=t(null),v=r(e=>{c||(m.current&&m.current.disconnect(),m.current=new IntersectionObserver(e=>{e[0].isIntersecting&&s()}),e&&m.current.observe(e))},[c]);if(d){return e("div",{children:d.message})}if(!a||0===a.length){return null}const g=a.filter((e,n)=>n%2==1),x=a.filter((e,n)=>n%2==0);return e("div",{className:"pn:h-full pn:overflow-auto",children:[g,x].map((r,t)=>n("div",{className:"pn:float-left pn:w-1/2",children:[r.map(n=>e(p,{item:n,onClick:()=>l(n),onDragStart:()=>{i((e,r)=>{l(n,e,r)})},onDragEnd:()=>i(null),getCredit:u},n.id)),e("div",{ref:v,className:"pn:p-12",children:c&&e(o,{size:20,className:"pn:mx-auto pn:text-muted-foreground"})})]},t))})};const p=({item:r,onClick:i,onDragEnd:o,onDragStart:p,getCredit:a})=>{var l;const s=t(null),c=(null===(l=r.video_files.find(e=>"sd"===e.quality))||void 0===l?void 0:l.link)||"";if(!c){return null}const d=new Date(1e3*r.duration).toISOString();let u;return u=r.duration>3600?d.substring(11,19):d.substring(14,19),e("div",{className:"pn:group/video pn:w-full pn:p-[5px] pn:hover:[&_.video-grid__item-credit]:opacity-100",children:n("div",{className:"pn:relative",draggable:!0,onClick:i,onDragEnd:o,onDragStart:p,onMouseEnter:()=>{var e,n;null===(n=null===(e=s.current)||void 0===e?void 0:e.play())||void 0===n||n.catch(()=>{})},onMouseLeave:()=>{var e;null===(e=s.current)||void 0===e||e.pause(),s.current&&(s.current.currentTime=0)},children:[e("video",{poster:r.video_pictures[0].picture,controls:!1,ref:s,muted:!0,preload:"none",playsInline:!0,className:"pn:block pn:max-h-[300px] pn:min-h-[50px] pn:w-full pn:cursor-pointer pn:rounded-[5px] pn:object-cover pn:shadow-[0_0_5px_rgba(16,22,26,0.3)]",children:e("source",{src:c})}),e("div",{className:"pn:absolute pn:right-2 pn:top-2 pn:flex pn:items-center pn:justify-center pn:rounded-full pn:bg-black/50 pn:px-[7px] pn:py-[2px] pn:text-center pn:text-white",children:e("span",{className:"pn:text-xs",children:u})}),a&&e("div",{className:"video-grid__item-credit pn:absolute pn:inset-x-0 pn:bottom-0 pn:bg-gradient-to-b pn:from-transparent pn:via-black/40 pn:to-black/60 pn:p-[3px] pn:text-center pn:text-[10px] pn:text-white pn:opacity-0 pn:[&_a]:text-white pn:[&_a]:underline",children:a(r)})]})})};
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import{useCallback as r,useRef as t}from"react";import{registerNextDomDrop as i}from"../canvas/page.js";import{Spinner as p}from"../primitives/spinner.js";export const VideosGrid=({items:a,onSelect:l,loadMore:s,isLoading:c,error:d,getCredit:u})=>{const m=t(null),v=r(n=>{c||(m.current&&m.current.disconnect(),m.current=new IntersectionObserver(n=>{n[0].isIntersecting&&s()}),n&&m.current.observe(n))},[c]);if(d){return n("div",{children:d.message})}if(!a||0===a.length){return null}const g=a.filter((n,e)=>e%2==1),x=a.filter((n,e)=>e%2==0);return n("div",{className:"pn:h-full pn:overflow-auto",children:[g,x].map((r,t)=>e("div",{className:"pn:float-left pn:w-1/2",children:[r.map(e=>n(o,{item:e,onClick:()=>l(e),onDragStart:()=>{i((n,r)=>{l(e,n,r)})},onDragEnd:()=>i(null),getCredit:u},e.id)),n("div",{ref:v,className:"pn:p-12",children:c&&n(p,{className:"pn:size-5 pn:mx-auto pn:text-muted-foreground"})})]},t))})};const o=({item:r,onClick:i,onDragEnd:p,onDragStart:o,getCredit:a})=>{var l;const s=t(null),c=(null===(l=r.video_files.find(n=>"sd"===n.quality))||void 0===l?void 0:l.link)||"";if(!c){return null}const d=new Date(1e3*r.duration).toISOString();let u;return u=r.duration>3600?d.substring(11,19):d.substring(14,19),n("div",{className:"pn:group/video pn:w-full pn:p-[5px] pn:hover:[&_.video-grid__item-credit]:opacity-100",children:e("div",{className:"pn:relative",draggable:!0,onClick:i,onDragEnd:p,onDragStart:o,onMouseEnter:()=>{var n,e;null===(e=null===(n=s.current)||void 0===n?void 0:n.play())||void 0===e||e.catch(()=>{})},onMouseLeave:()=>{var n;null===(n=s.current)||void 0===n||n.pause(),s.current&&(s.current.currentTime=0)},children:[n("video",{poster:r.video_pictures[0].picture,controls:!1,ref:s,muted:!0,preload:"none",playsInline:!0,className:"pn:block pn:max-h-[300px] pn:min-h-[50px] pn:w-full pn:cursor-pointer pn:rounded-[5px] pn:object-cover pn:shadow-[0_0_5px_rgba(16,22,26,0.3)]",children:n("source",{src:c})}),n("div",{className:"pn:absolute pn:right-2 pn:top-2 pn:flex pn:items-center pn:justify-center pn:rounded-full pn:bg-black/50 pn:px-[7px] pn:py-[2px] pn:text-center pn:text-white",children:n("span",{className:"pn:text-xs",children:u})}),a&&n("div",{className:"video-grid__item-credit pn:absolute pn:inset-x-0 pn:bottom-0 pn:bg-gradient-to-b pn:from-transparent pn:via-black/40 pn:to-black/60 pn:p-[3px] pn:text-center pn:text-[10px] pn:text-white pn:opacity-0 pn:[&_a]:text-white pn:[&_a]:underline",children:a(r)})]})})};