polotno 4.0.0-beta.49 → 4.0.1

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.
Files changed (97) hide show
  1. package/blueprint/pages-timeline/current-time.d.ts +1 -1
  2. package/blueprint/pages-timeline/page-preview.d.ts +1 -1
  3. package/blueprint/side-panel/elements-panel.js +1 -1
  4. package/blueprint/side-panel/size-panel.d.ts +2 -2
  5. package/blueprint/toolbar/color-picker.js +1 -1
  6. package/blueprint/toolbar/text-ai-write.js +1 -1
  7. package/canvas/apply-filters.js +1 -1
  8. package/canvas/context-menu/context-menu.js +1 -1
  9. package/canvas/element.d.ts +1 -1
  10. package/canvas/element.js +1 -1
  11. package/canvas/gif-element.js +1 -1
  12. package/canvas/image-element.js +1 -1
  13. package/canvas/rich-editor.js +2 -2
  14. package/canvas/use-fadein.js +1 -1
  15. package/canvas/video-element.js +1 -1
  16. package/lib/utils.d.ts +1 -0
  17. package/lib/utils.js +1 -1
  18. package/model/group-model.d.ts +1 -0
  19. package/model/page-model.d.ts +1 -0
  20. package/model/store.d.ts +9 -1
  21. package/model/store.js +1 -1
  22. package/model/svg-model.d.ts +1 -0
  23. package/model/svg-model.js +1 -1
  24. package/model/table-model.js +1 -1
  25. package/package.json +11 -22
  26. package/pages-timeline/audio-track.js +1 -1
  27. package/pages-timeline/current-time.d.ts +1 -1
  28. package/pages-timeline/page-preview.d.ts +1 -1
  29. package/pages-timeline/track-styles.js +1 -1
  30. package/polotno.bundle.js +132 -176
  31. package/primitives/button.d.ts +1 -3
  32. package/primitives/button.js +1 -1
  33. package/primitives/dialog.d.ts +7 -7
  34. package/primitives/dialog.js +1 -1
  35. package/primitives/dropdown-menu.d.ts +28 -16
  36. package/primitives/dropdown-menu.js +1 -1
  37. package/primitives/navbar.d.ts +2 -2
  38. package/primitives/numeric-input.js +1 -1
  39. package/primitives/overflow-list.js +1 -1
  40. package/primitives/popover.d.ts +9 -3
  41. package/primitives/popover.js +1 -1
  42. package/primitives/select.d.ts +16 -10
  43. package/primitives/select.js +1 -1
  44. package/primitives/separator.d.ts +1 -2
  45. package/primitives/separator.js +1 -1
  46. package/primitives/slider-field.js +1 -1
  47. package/primitives/slider.d.ts +4 -2
  48. package/primitives/slider.js +1 -1
  49. package/primitives/switch.d.ts +1 -2
  50. package/primitives/switch.js +1 -1
  51. package/primitives/tabs.d.ts +4 -5
  52. package/primitives/tabs.js +1 -1
  53. package/primitives/toggle-group.d.ts +5 -7
  54. package/primitives/toggle-group.js +1 -1
  55. package/primitives/toggle.d.ts +2 -2
  56. package/primitives/toggle.js +1 -1
  57. package/primitives/tooltip-icon-button.js +1 -1
  58. package/primitives/tooltip.d.ts +8 -4
  59. package/primitives/tooltip.js +1 -1
  60. package/side-panel/animations-panel.js +1 -1
  61. package/side-panel/draw-panel.js +1 -1
  62. package/side-panel/effects-panel.js +1 -1
  63. package/side-panel/size-panel.js +1 -1
  64. package/toolbar/admin-button.js +1 -1
  65. package/toolbar/animations-picker.js +1 -1
  66. package/toolbar/color-picker.js +1 -1
  67. package/toolbar/copy-style.js +1 -1
  68. package/toolbar/download-button.js +1 -1
  69. package/toolbar/figure-toolbar.js +1 -1
  70. package/toolbar/filters-picker.js +1 -1
  71. package/toolbar/flip-button.js +1 -1
  72. package/toolbar/html-toolbar.js +4 -4
  73. package/toolbar/image-toolbar.js +1 -1
  74. package/toolbar/line-toolbar.js +1 -1
  75. package/toolbar/opacity-picker.js +1 -1
  76. package/toolbar/page-toolbar.js +1 -1
  77. package/toolbar/position-picker.js +1 -1
  78. package/toolbar/sketch.js +1 -1
  79. package/toolbar/svg-toolbar.js +1 -1
  80. package/toolbar/table-toolbar.js +1 -1
  81. package/toolbar/text-ai-write.js +1 -1
  82. package/toolbar/text-toolbar.d.ts +3 -1
  83. package/toolbar/text-toolbar.js +1 -1
  84. package/toolbar/toolbar.js +1 -1
  85. package/toolbar/video-toolbar.js +1 -1
  86. package/toolbar/zoom-buttons.js +1 -1
  87. package/ui.css +2 -2
  88. package/utils/crop.d.ts +2 -2
  89. package/utils/goober.d.ts +2 -2
  90. package/utils/gradient.js +1 -1
  91. package/utils/l10n.d.ts +3 -0
  92. package/utils/l10n.js +1 -1
  93. package/utils/rich-text-html.js +1 -1
  94. package/utils/use-api.d.ts +2 -2
  95. package/utils/use-api.js +1 -1
  96. package/utils/validate-key.d.ts +2 -1
  97. package/utils/validate-key.js +1 -1
@@ -7,7 +7,5 @@ declare const buttonVariants: (props?: ({
7
7
  declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
8
8
  variant?: "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
9
9
  size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | null | undefined;
10
- } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
11
- asChild?: boolean;
12
- }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
10
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
13
11
  export { Button, buttonVariants };
@@ -1 +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{cva as t}from"class-variance-authority";import{Slot as a}from"radix-ui";import{cn as i}from"../lib/utils.js";const p=t("pn:inline-flex pn:shrink-0 pn:items-center pn:justify-center pn:gap-2 pn:rounded-md pn:text-sm pn:font-medium pn:whitespace-nowrap pn:transition-all pn:outline-none pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"pn:bg-primary pn:text-primary-foreground pn:hover:bg-primary/90",destructive:"pn:bg-destructive pn:text-white pn:hover:bg-destructive/90 pn:focus-visible:ring-destructive/20 pn:dark:bg-destructive/60 pn:dark:focus-visible:ring-destructive/40",outline:"pn:border pn:bg-background pn:shadow-xs pn:hover:bg-accent pn:hover:text-accent-foreground pn:dark:border-input pn:dark:bg-input/30 pn:dark:hover:bg-input/50",secondary:"pn:bg-secondary pn:text-secondary-foreground pn:hover:bg-secondary/80",ghost:"pn:hover:bg-accent pn:hover:text-accent-foreground pn:dark:hover:bg-accent/50"},size:{default:"pn:h-9 pn:px-4 pn:py-2 pn:has-[>svg]:px-3",sm:"pn:h-8 pn:gap-1.5 pn:rounded-md pn:px-3 pn:has-[>svg]:px-2.5",lg:"pn:h-10 pn:rounded-md pn:px-6 pn:has-[>svg]:px-4",icon:"pn:size-9","icon-sm":"pn:size-8"}},defaultVariants:{variant:"default",size:"default"}}),s=r.forwardRef((r,t)=>{var{className:s,variant:o="default",size:d="default",asChild:c=!1}=r,u=n(r,["className","variant","size","asChild"]);const v=c?a.Root:"button";return e(v,Object.assign({ref:t,"data-slot":"button","data-variant":o,"data-size":d,className:i(p({variant:o,size:d,className:s}))},u))});s.displayName="Button";export{s as Button,p as buttonVariants};
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{cva as t}from"class-variance-authority";import{cn as a}from"../lib/utils.js";const i=t("pn:inline-flex pn:shrink-0 pn:items-center pn:justify-center pn:gap-2 pn:rounded-md pn:text-sm pn:font-medium pn:whitespace-nowrap pn:transition-all pn:outline-none pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"pn:bg-primary pn:text-primary-foreground pn:hover:bg-primary/90",destructive:"pn:bg-destructive pn:text-white pn:hover:bg-destructive/90 pn:focus-visible:ring-destructive/20 pn:dark:bg-destructive/60 pn:dark:focus-visible:ring-destructive/40",outline:"pn:border pn:bg-background pn:shadow-xs pn:hover:bg-accent pn:hover:text-accent-foreground pn:dark:border-input pn:dark:bg-input/30 pn:dark:hover:bg-input/50",secondary:"pn:bg-secondary pn:text-secondary-foreground pn:hover:bg-secondary/80",ghost:"pn:hover:bg-accent pn:hover:text-accent-foreground pn:dark:hover:bg-accent/50"},size:{default:"pn:h-9 pn:px-4 pn:py-2 pn:has-[>svg]:px-3",sm:"pn:h-8 pn:gap-1.5 pn:rounded-md pn:px-3 pn:has-[>svg]:px-2.5",lg:"pn:h-10 pn:rounded-md pn:px-6 pn:has-[>svg]:px-4",icon:"pn:size-9","icon-sm":"pn:size-8"}},defaultVariants:{variant:"default",size:"default"}}),p=r.forwardRef((r,t)=>{var{className:p,variant:s="default",size:o="default"}=r,d=n(r,["className","variant","size"]);return e("button",Object.assign({ref:t,"data-slot":"button","data-variant":s,"data-size":o,className:a(i({variant:s,size:o,className:p}))},d))});p.displayName="Button";export{p as Button,i as buttonVariants};
@@ -1,17 +1,17 @@
1
1
  import * as React from "react";
2
- import { Dialog as DialogPrimitive } from "radix-ui";
2
+ import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
3
3
  declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
4
- declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
5
5
  declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
6
- declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement> & {
6
+ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
7
+ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ declare const DialogContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
9
9
  showCloseButton?: boolean;
10
10
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
11
  declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
13
13
  showCloseButton?: boolean;
14
14
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
16
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
15
+ declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
16
+ declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
17
17
  export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -1 +1 @@
1
- var a=this&&this.__rest||function(a,e){var t={};for(var n in a){Object.prototype.hasOwnProperty.call(a,n)&&e.indexOf(n)<0&&(t[n]=a[n])}if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(a);o<n.length;o++){e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(a,n[o])&&(t[n[o]]=a[n[o]])}}return t};import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{XIcon as o}from"lucide-react";import{Dialog as s}from"radix-ui";import{cn as r}from"../lib/utils.js";import{Button as l}from"./button.js";import{usePortalScope as i}from"./portal-scope.js";function p(t){var n=a(t,[]);return e(s.Root,Object.assign({"data-slot":"dialog"},n))}const d=n.forwardRef((t,n)=>{var o=a(t,[]);return e(s.Trigger,Object.assign({ref:n,"data-slot":"dialog-trigger"},o))});function c(t){var n=a(t,[]);return e(s.Portal,Object.assign({"data-slot":"dialog-portal"},n))}d.displayName="DialogTrigger";const f=n.forwardRef((t,n)=>{var o=a(t,[]);return e(s.Close,Object.assign({ref:n,"data-slot":"dialog-close"},o))});f.displayName="DialogClose";const m=n.forwardRef((t,n)=>{var{className:o}=t,l=a(t,["className"]);return e(s.Overlay,Object.assign({ref:n,"data-slot":"dialog-overlay",className:r("pn:fixed pn:inset-0 pn:z-50 pn:bg-black/50 pn:data-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0",o)},l))});m.displayName="DialogOverlay";const g=n.forwardRef((n,l)=>{var{className:p,children:d,showCloseButton:f=!0}=n,g=a(n,["className","children","showCloseButton"]);const u=i(),{container:N,className:b}=u,v=a(u,["container","className"]);return t(c,{container:N,children:[e(m,{}),t(s.Content,Object.assign({ref:l,"data-slot":"dialog-content"},v,{className:r(b,"pn:fixed pn:top-[50%] pn:left-[50%] pn:z-50 pn:grid pn:w-full pn:max-w-[calc(100%-2rem)] pn:translate-x-[-50%] pn:translate-y-[-50%] pn:gap-4 pn:rounded-lg pn:border pn:bg-background pn:p-6 pn:shadow-lg pn:duration-200 pn:outline-none pn:data-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=closed]:zoom-out-95 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0 pn:data-[state=open]:zoom-in-95 pn:sm:max-w-lg",p)},g,{children:[d,f&&t(s.Close,{"data-slot":"dialog-close",className:"pn:absolute pn:top-4 pn:right-4 pn:rounded-xs pn:opacity-70 pn:ring-offset-background pn:transition-opacity pn:hover:opacity-100 pn:focus:ring-2 pn:focus:ring-ring pn:focus:ring-offset-2 pn:focus:outline-hidden pn:disabled:pointer-events-none pn:data-[state=open]:bg-accent pn:data-[state=open]:text-muted-foreground pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",children:[e(o,{}),e("span",{className:"pn:sr-only",children:"Close"})]})]}))]})});g.displayName="DialogContent";const u=n.forwardRef((t,n)=>{var{className:o}=t,s=a(t,["className"]);return e("div",Object.assign({ref:n,"data-slot":"dialog-header",className:r("pn:flex pn:flex-col pn:gap-2 pn:text-center pn:sm:text-left",o)},s))});u.displayName="DialogHeader";const N=n.forwardRef((n,o)=>{var{className:i,showCloseButton:p=!1,children:d}=n,c=a(n,["className","showCloseButton","children"]);return t("div",Object.assign({ref:o,"data-slot":"dialog-footer",className:r("pn:flex pn:flex-col-reverse pn:gap-2 pn:sm:flex-row pn:sm:justify-end",i)},c,{children:[d,p&&e(s.Close,{asChild:!0,children:e(l,{variant:"outline",children:"Close"})})]}))});N.displayName="DialogFooter";const b=n.forwardRef((t,n)=>{var{className:o}=t,l=a(t,["className"]);return e(s.Title,Object.assign({ref:n,"data-slot":"dialog-title",className:r("pn:text-lg pn:leading-none pn:font-semibold",o)},l))});b.displayName="DialogTitle";const v=n.forwardRef((t,n)=>{var{className:o}=t,l=a(t,["className"]);return e(s.Description,Object.assign({ref:n,"data-slot":"dialog-description",className:r("pn:text-sm pn:text-muted-foreground",o)},l))});v.displayName="DialogDescription";export{p as Dialog,f as DialogClose,g as DialogContent,v as DialogDescription,N as DialogFooter,u as DialogHeader,m as DialogOverlay,c as DialogPortal,b as DialogTitle,d as DialogTrigger};
1
+ var a=this&&this.__rest||function(a,e){var n={};for(var t in a){Object.prototype.hasOwnProperty.call(a,t)&&e.indexOf(t)<0&&(n[t]=a[t])}if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(a);o<t.length;o++){e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(a,t[o])&&(n[t[o]]=a[t[o]])}}return n};import{jsx as e,jsxs as n}from"react/jsx-runtime";import*as t from"react";import{XIcon as o}from"lucide-react";import{Dialog as s}from"@base-ui/react/dialog";import{cn as r}from"../lib/utils.js";import{Button as l}from"./button.js";import{usePortalScope as i}from"./portal-scope.js";function p(n){var t=a(n,[]);return e(s.Root,Object.assign({"data-slot":"dialog"},t))}function c(n){var t=a(n,[]);return e(s.Trigger,Object.assign({"data-slot":"dialog-trigger"},t))}function d(n){var t=a(n,[]);return e(s.Portal,Object.assign({"data-slot":"dialog-portal"},t))}function f(n){var t=a(n,[]);return e(s.Close,Object.assign({"data-slot":"dialog-close"},t))}const m=t.forwardRef((n,t)=>{var{className:o}=n,l=a(n,["className"]);return e(s.Backdrop,Object.assign({ref:t,"data-slot":"dialog-overlay",className:r("pn:fixed pn:inset-0 pn:z-50 pn:bg-black/50 pn:data-[closed]:animate-out pn:data-[closed]:fade-out-0 pn:data-[open]:animate-in pn:data-[open]:fade-in-0",o)},l))});m.displayName="DialogOverlay";const g=t.forwardRef((t,l)=>{var{className:p,children:c,showCloseButton:f=!0}=t,g=a(t,["className","children","showCloseButton"]);const u=i(),{container:b,className:N}=u,v=a(u,["container","className"]);return n(d,{container:b,children:[e(m,{}),n(s.Popup,Object.assign({ref:l,"data-slot":"dialog-content"},v,{className:r(N,"pn:fixed pn:top-[50%] pn:left-[50%] pn:z-50 pn:grid pn:w-full pn:max-w-[calc(100%-2rem)] pn:translate-x-[-50%] pn:translate-y-[-50%] pn:gap-4 pn:rounded-lg pn:border pn:bg-background pn:p-6 pn:shadow-lg pn:duration-200 pn:outline-none 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 pn:sm:max-w-lg",p)},g,{children:[c,f&&n(s.Close,{"data-slot":"dialog-close",className:"pn:absolute pn:top-4 pn:right-4 pn:rounded-xs pn:opacity-70 pn:ring-offset-background pn:transition-opacity pn:hover:opacity-100 pn:focus:ring-2 pn:focus:ring-ring pn:focus:ring-offset-2 pn:focus:outline-hidden pn:disabled:pointer-events-none pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",children:[e(o,{}),e("span",{className:"pn:sr-only",children:"Close"})]})]}))]})});g.displayName="DialogContent";const u=t.forwardRef((n,t)=>{var{className:o}=n,s=a(n,["className"]);return e("div",Object.assign({ref:t,"data-slot":"dialog-header",className:r("pn:flex pn:flex-col pn:gap-2 pn:text-center pn:sm:text-left",o)},s))});u.displayName="DialogHeader";const b=t.forwardRef((t,o)=>{var{className:i,showCloseButton:p=!1,children:c}=t,d=a(t,["className","showCloseButton","children"]);return n("div",Object.assign({ref:o,"data-slot":"dialog-footer",className:r("pn:flex pn:flex-col-reverse pn:gap-2 pn:sm:flex-row pn:sm:justify-end",i)},d,{children:[c,p&&e(s.Close,{render:e(l,{variant:"outline"}),children:"Close"})]}))});b.displayName="DialogFooter";const N=t.forwardRef((n,t)=>{var{className:o}=n,l=a(n,["className"]);return e(s.Title,Object.assign({ref:t,"data-slot":"dialog-title",className:r("pn:text-lg pn:leading-none pn:font-semibold",o)},l))});N.displayName="DialogTitle";const v=t.forwardRef((n,t)=>{var{className:o}=n,l=a(n,["className"]);return e(s.Description,Object.assign({ref:t,"data-slot":"dialog-description",className:r("pn:text-sm pn:text-muted-foreground",o)},l))});v.displayName="DialogDescription";export{p as Dialog,f as DialogClose,g as DialogContent,v as DialogDescription,b as DialogFooter,u as DialogHeader,m as DialogOverlay,d as DialogPortal,N as DialogTitle,c as DialogTrigger};
@@ -1,25 +1,37 @@
1
1
  import * as React from "react";
2
- import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
3
- declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
4
- declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
5
- declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
- declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
- declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
8
- declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement> & {
2
+ import { Menu as MenuPrimitive } from "@base-ui/react/menu";
3
+ declare function DropdownMenu({ ...props }: React.ComponentProps<typeof MenuPrimitive.Root>): React.JSX.Element;
4
+ declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof MenuPrimitive.Portal>): React.JSX.Element;
5
+ declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof MenuPrimitive.Trigger>): React.JSX.Element;
6
+ type PositionerProps = React.ComponentProps<typeof MenuPrimitive.Positioner>;
7
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
8
+ side?: PositionerProps["side"];
9
+ sideOffset?: PositionerProps["sideOffset"];
10
+ align?: PositionerProps["align"];
11
+ alignOffset?: PositionerProps["alignOffset"];
12
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof MenuPrimitive.Group>): React.JSX.Element;
14
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement> & {
9
15
  inset?: boolean;
10
16
  variant?: "default" | "destructive";
11
- }, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
14
- declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement> & {
17
+ onSelect?: React.ComponentProps<typeof MenuPrimitive.Item>["onClick"];
18
+ }, "ref"> & React.RefAttributes<HTMLElement>>;
19
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
20
+ declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof MenuPrimitive.RadioGroup>): React.JSX.Element;
21
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
22
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
16
23
  inset?: boolean;
17
24
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
26
  declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
20
- declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
21
- declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement> & {
27
+ declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof MenuPrimitive.SubmenuRoot>): React.JSX.Element;
28
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement> & {
22
29
  inset?: boolean;
30
+ }, "ref"> & React.RefAttributes<HTMLElement>>;
31
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
32
+ side?: PositionerProps["side"];
33
+ sideOffset?: PositionerProps["sideOffset"];
34
+ align?: PositionerProps["align"];
35
+ alignOffset?: PositionerProps["alignOffset"];
23
36
  }, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
- declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
37
  export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
@@ -1 +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{DropdownMenu as p}from"radix-ui";import{cn as d}from"../lib/utils.js";import{usePortalScope as i}from"./portal-scope.js";function c(t){var a=e(t,[]);return n(p.Root,Object.assign({"data-slot":"dropdown-menu"},a))}function l(t){var a=e(t,[]);return n(p.Portal,Object.assign({"data-slot":"dropdown-menu-portal"},a))}const m=a.forwardRef((t,a)=>{var s=e(t,[]);return n(p.Trigger,Object.assign({ref:a,"data-slot":"dropdown-menu-trigger"},s))});m.displayName="DropdownMenuTrigger";const u=a.forwardRef((t,a)=>{var{className:s,sideOffset:o=4}=t,r=e(t,["className","sideOffset"]);const c=i(),{container:l,className:m}=c,u=e(c,["container","className"]);return n(p.Portal,{container:l,children:n(p.Content,Object.assign({ref:a,"data-slot":"dropdown-menu-content"},u,{sideOffset:o,className:d(m,"pn:z-50 max-h-(--radix-dropdown-menu-content-available-height) pn:min-w-[8rem] origin-(--radix-dropdown-menu-content-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-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=closed]:zoom-out-95 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0 pn:data-[state=open]:zoom-in-95",s)},r))})});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"}=t,i=e(t,["className","inset","variant"]);return n(p.Item,Object.assign({ref:a,"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className:d("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:focus:bg-accent pn:focus: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]:focus:bg-destructive/10 pn:data-[variant=destructive]:focus:text-destructive pn:dark:data-[variant=destructive]:focus: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)},i))});g.displayName="DropdownMenuItem";const v=a.forwardRef((a,o)=>{var{className:r,children:i,checked:c}=a,l=e(a,["className","children","checked"]);return t(p.CheckboxItem,Object.assign({ref:o,"data-slot":"dropdown-menu-checkbox-item",className:d("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:focus:bg-accent pn:focus: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:c},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.ItemIndicator,{children:n(s,{className:"pn:size-4"})})}),i]}))});function b(t){var a=e(t,[]);return n(p.RadioGroup,Object.assign({"data-slot":"dropdown-menu-radio-group"},a))}v.displayName="DropdownMenuCheckboxItem";const w=a.forwardRef((a,s)=>{var{className:o,children:i}=a,c=e(a,["className","children"]);return t(p.RadioItem,Object.assign({ref:s,"data-slot":"dropdown-menu-radio-item",className:d("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:focus:bg-accent pn:focus: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)},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.ItemIndicator,{children:n(r,{className:"pn:size-2 pn:fill-current"})})}),i]}))});w.displayName="DropdownMenuRadioItem";const x=a.forwardRef((t,a)=>{var{className:s,inset:o}=t,r=e(t,["className","inset"]);return n(p.Label,Object.assign({ref:a,"data-slot":"dropdown-menu-label","data-inset":o,className:d("pn:px-2 pn:py-1.5 pn:text-sm pn:font-medium pn:data-[inset]:pl-8",s)},r))});x.displayName="DropdownMenuLabel";const h=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:d("pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},o))});h.displayName="DropdownMenuSeparator";const N=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:d("pn:ml-auto pn:text-xs pn:tracking-widest pn:text-muted-foreground",s)},o))});function y(t){var a=e(t,[]);return n(p.Sub,Object.assign({"data-slot":"dropdown-menu-sub"},a))}N.displayName="DropdownMenuShortcut";const O=a.forwardRef((a,s)=>{var{className:r,inset:i,children:c}=a,l=e(a,["className","inset","children"]);return t(p.SubTrigger,Object.assign({ref:s,"data-slot":"dropdown-menu-sub-trigger","data-inset":i,className:d("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:focus:bg-accent pn:focus:text-accent-foreground pn:data-[inset]:pl-8 pn:data-[state=open]:bg-accent pn:data-[state=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)},l,{children:[c,n(o,{className:"pn:ml-auto pn:size-4"})]}))});O.displayName="DropdownMenuSubTrigger";const j=a.forwardRef((t,a)=>{var{className:s}=t,o=e(t,["className"]);const r=i(),{className:c}=r,l=e(r,["className"]);return n(p.SubContent,Object.assign({ref:a,"data-slot":"dropdown-menu-sub-content"},l,{className:d(c,"pn:z-50 pn:min-w-[8rem] origin-(--radix-dropdown-menu-content-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-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=closed]:zoom-out-95 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0 pn:data-[state=open]:zoom-in-95",s)},o))});j.displayName="DropdownMenuSubContent";export{c as DropdownMenu,l as DropdownMenuPortal,m as DropdownMenuTrigger,u as DropdownMenuContent,f as DropdownMenuGroup,x as DropdownMenuLabel,g as DropdownMenuItem,v as DropdownMenuCheckboxItem,b as DropdownMenuRadioGroup,w as DropdownMenuRadioItem,h as DropdownMenuSeparator,N as DropdownMenuShortcut,y as DropdownMenuSub,O as DropdownMenuSubTrigger,j as DropdownMenuSubContent};
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 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};
@@ -9,9 +9,9 @@ type NavbarGroupProps = React.ComponentProps<"div"> & {
9
9
  align?: "left" | "right";
10
10
  };
11
11
  declare const NavbarGroup: React.ForwardRefExoticComponent<Omit<NavbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- declare const NavbarDivider: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "orientation">, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ declare const NavbarDivider: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "orientation">, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
13
  declare const NavbarNamespace: React.ForwardRefExoticComponent<Omit<NavbarProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
14
14
  Group: React.ForwardRefExoticComponent<Omit<NavbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- Divider: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "orientation">, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
+ Divider: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "orientation">, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
16
  };
17
17
  export { NavbarNamespace as Navbar, NavbarGroup, NavbarDivider };
@@ -1 +1 @@
1
- var e=this&&this.__rest||function(e,n){var t={};for(var r in e){Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var p=0;for(r=Object.getOwnPropertySymbols(e);p<r.length;p++){n.indexOf(r[p])<0&&Object.prototype.propertyIsEnumerable.call(e,r[p])&&(t[r[p]]=e[r[p]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{ChevronUp as p,ChevronDown as o}from"lucide-react";import{cn as a}from"../lib/utils.js";import{Input as s}from"./input.js";const i=r.forwardRef((i,l)=>{var{value:u,onValueChange:b}=i,m=e(i,["value","onValueChange"]);const[c,d]=r.useState(u.toString());r.useEffect(()=>{d(u.toString())},[u]);const{min:f,max:y}=m,x="number"==typeof f||"number"==typeof y,{buttonPosition:N,onBlur:g,className:v,stepper:h=!0,style:j,disabled:O}=m,w=e(m,["buttonPosition","onBlur","className","stepper","style","disabled"]),S=Number(m.step)||1,C=e=>{if(O){return}const n=parseFloat(c);let t=(Number.isNaN(n)?Number(u)||0:n)+e*S;"number"==typeof f&&(t=Math.max(f,t)),"number"==typeof y&&(t=Math.min(y,t)),t=parseFloat(t.toFixed(4)),d(String(t)),b(t)},I=n(s,Object.assign({ref:l,type:"number",value:c,onChange:e=>{const n=e.target.value;d(n);const t=Number(n);Number.isNaN(t)||"number"==typeof f&&t<f||"number"==typeof y&&t>y||b(t)},onBlur:e=>{var n;if(x){const n=Number(e.target.value);if(!Number.isNaN(n)){let e=n;"number"==typeof f&&(e=Math.max(f,e)),"number"==typeof y&&(e=Math.min(y,e)),d(e.toString()),e!==n&&b(e)}}null===(n=m.onBlur)||void 0===n||n.call(m,e)},disabled:O,className:a("pn:h-8 pn:text-center pn:text-sm pn:[appearance:textfield] pn:[&::-webkit-inner-spin-button]:appearance-none pn:[&::-webkit-outer-spin-button]:appearance-none",h&&"pn:pr-6",v),style:h?void 0:j},w));return h?t("div",{className:"pn:relative pn:w-full pn:min-w-16",style:j,children:[I,t("div",{className:"pn:absolute pn:inset-y-0 pn:right-0 pn:flex pn:w-5 pn:flex-col pn:border-l pn:border-input",children:[n("button",{type:"button",tabIndex:-1,"aria-label":"Increment",disabled:O,className:"pn:flex pn:flex-1 pn:cursor-pointer pn:appearance-none pn:items-center pn:justify-center pn:border-0 pn:bg-transparent pn:text-muted-foreground pn:hover:bg-muted pn:hover:text-foreground pn:disabled:pointer-events-none pn:disabled:opacity-50",onClick:()=>C(1),children:n(p,{className:"pn:size-3"})}),n("button",{type:"button",tabIndex:-1,"aria-label":"Decrement",disabled:O,className:"pn:flex pn:flex-1 pn:cursor-pointer pn:appearance-none pn:items-center pn:justify-center pn:border-0 pn:border-t pn:border-input pn:bg-transparent pn:text-muted-foreground pn:hover:bg-muted pn:hover:text-foreground pn:disabled:pointer-events-none pn:disabled:opacity-50",onClick:()=>C(-1),children:n(o,{className:"pn:size-3"})})]})]}):I});i.displayName="NumericInput";const l=i;export{i as NumericInput,l as NumberInput};
1
+ var e=this&&this.__rest||function(e,n){var t={};for(var r in e){Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++){n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{ChevronUp as o,ChevronDown as a}from"lucide-react";import{cn as p}from"../lib/utils.js";import{Input as i}from"./input.js";const s=r.forwardRef((s,u)=>{var{value:l,onValueChange:c}=s,m=e(s,["value","onValueChange"]);const[b,d]=r.useState(l.toString()),f=r.useRef(b);r.useEffect(()=>{d(l.toString()),f.current=l.toString()},[l]);const{min:y,max:v}=m,g="number"==typeof y||"number"==typeof v,{buttonPosition:x,onBlur:N,className:h,stepper:w=!0,style:j,disabled:P}=m,O=e(m,["buttonPosition","onBlur","className","stepper","style","disabled"]),S=Number(m.step)||1,I=e=>{if(P){return}const n=parseFloat(f.current);let t=(Number.isNaN(n)?Number(l)||0:n)+e*S;"number"==typeof y&&(t=Math.max(y,t)),"number"==typeof v&&(t=Math.min(v,t)),t=parseFloat(t.toFixed(4)),f.current=String(t),d(String(t)),c(t)},D=r.useRef({}),C=()=>{clearTimeout(D.current.timeout),clearInterval(D.current.interval),D.current={}},M=(e,n)=>{if(!P){try{e.currentTarget.setPointerCapture(e.pointerId)}catch(s){}I(n),D.current.timeout=window.setTimeout(()=>{D.current.interval=window.setInterval(()=>I(n),50)},300)}};r.useEffect(()=>C,[]);const B=n(i,Object.assign({ref:u,type:"number",value:b,onChange:e=>{const n=e.target.value;d(n);const t=Number(n);Number.isNaN(t)||"number"==typeof y&&t<y||"number"==typeof v&&t>v||c(t)},onBlur:e=>{var n;if(g){const n=Number(e.target.value);if(!Number.isNaN(n)){let e=n;"number"==typeof y&&(e=Math.max(y,e)),"number"==typeof v&&(e=Math.min(v,e)),d(e.toString()),e!==n&&c(e)}}null===(n=m.onBlur)||void 0===n||n.call(m,e)},disabled:P,className:p("pn:h-8 pn:text-center pn:text-sm pn:[appearance:textfield] pn:[&::-webkit-inner-spin-button]:appearance-none pn:[&::-webkit-outer-spin-button]:appearance-none",w&&"pn:pr-6",h),style:w?void 0:j},O));return w?t("div",{className:"pn:relative pn:w-full pn:min-w-16",style:j,children:[B,t("div",{className:"pn:absolute pn:inset-y-0 pn:right-0 pn:flex pn:w-5 pn:flex-col pn:border-l pn:border-input",children:[n("button",{type:"button",tabIndex:-1,"aria-label":"Increment",disabled:P,className:"pn:flex pn:flex-1 pn:cursor-pointer pn:appearance-none pn:items-center pn:justify-center pn:border-0 pn:bg-transparent pn:text-muted-foreground pn:hover:bg-muted pn:hover:text-foreground pn:disabled:pointer-events-none pn:disabled:opacity-50",onMouseDown:e=>e.preventDefault(),onPointerDown:e=>M(e,1),onPointerUp:C,onPointerCancel:C,children:n(o,{className:"pn:size-3"})}),n("button",{type:"button",tabIndex:-1,"aria-label":"Decrement",disabled:P,className:"pn:flex pn:flex-1 pn:cursor-pointer pn:appearance-none pn:items-center pn:justify-center pn:border-0 pn:border-t pn:border-input pn:bg-transparent pn:text-muted-foreground pn:hover:bg-muted pn:hover:text-foreground pn:disabled:pointer-events-none pn:disabled:opacity-50",onMouseDown:e=>e.preventDefault(),onPointerDown:e=>M(e,-1),onPointerUp:C,onPointerCancel:C,children:n(a,{className:"pn:size-3"})})]})]}):B});s.displayName="NumericInput";const u=s;export{s as NumericInput,u as NumberInput};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{MoreHorizontal as r}from"lucide-react";import{Button as s}from"./button.js";import{Popover as i,PopoverContent as o,PopoverTrigger as a}from"./popover.js";const l=({items:l,itemRender:c,overflowBtnWidth:f=40})=>{const p=n.useRef(null),m=n.useRef(null),[d,u]=n.useState(l.length),h=n.useCallback(()=>{const e=p.current,t=m.current;if(!e||!t){return}const n=e.offsetWidth,r=Array.from(t.children).filter(e=>!e.dataset.overflow).map(e=>e.offsetWidth);if(r.reduce((e,t)=>e+t,0)<=n){return void u(l.length)}const s=Math.max(0,n-f);let i=0,o=0;for(const a of r){if(i+a>s){break}i+=a,o++}u(o)},[l.length,f]);n.useLayoutEffect(()=>{h()}),n.useLayoutEffect(()=>{const e=p.current;if(e&&window.ResizeObserver){const t=new ResizeObserver(h);return t.observe(e),()=>t.disconnect()}},[h]);const v=l.slice(0,d),g=l.slice(d);return t("div",{ref:p,className:"pn:flex pn:w-full pn:items-center",children:[v.map(t=>e(n.Fragment,{children:c(t)},t)),g.length>0&&t(i,{children:[e(a,{asChild:!0,children:e(s,{variant:"ghost",size:"icon-sm","aria-label":"More",style:{marginLeft:"10px"},onMouseDownCapture:e=>{e.preventDefault()},children:e(r,{className:"pn:size-4"})})}),e(o,{side:"bottom",className:"pn:w-auto pn:p-2.5",onOpenAutoFocus:e=>e.preventDefault(),children:e("div",{style:{display:"flex"},children:g.map(t=>e(n.Fragment,{children:c(t)},t))})})]}),t("div",{ref:m,"aria-hidden":!0,className:"pn:pointer-events-none pn:absolute pn:-z-10 pn:flex pn:items-center pn:opacity-0",style:{left:0,top:0},children:[l.map(t=>e(n.Fragment,{children:c(t)},t)),e(s,{variant:"ghost",size:"icon-sm","data-overflow":"true",style:{marginLeft:"10px"},children:e(r,{className:"pn:size-4"})})]})]})};export{l as OverflowList};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{MoreHorizontal as n}from"lucide-react";import{Button as s}from"./button.js";import{Popover as i,PopoverContent as o,PopoverTrigger as a}from"./popover.js";const l=({items:l,itemRender:c,overflowBtnWidth:f=40})=>{const m=r.useRef(null),p=r.useRef(null),[d,u]=r.useState(l.length),h=r.useCallback(()=>{const e=m.current,t=p.current;if(!e||!t){return}const r=e.offsetWidth,n=Array.from(t.children).filter(e=>!e.dataset.overflow).map(e=>e.offsetWidth);if(n.reduce((e,t)=>e+t,0)<=r){return void u(l.length)}const s=Math.max(0,r-f);let i=0,o=0;for(const a of n){if(i+a>s){break}i+=a,o++}u(o)},[l.length,f]);r.useLayoutEffect(()=>{h()}),r.useLayoutEffect(()=>{const e=m.current;if(e&&window.ResizeObserver){const t=new ResizeObserver(h);return t.observe(e),()=>t.disconnect()}},[h]);const v=l.slice(0,d),g=l.slice(d);return t("div",{ref:m,className:"pn:flex pn:w-full pn:items-center",children:[v.map(t=>e(r.Fragment,{children:c(t)},t)),g.length>0&&t(i,{children:[e(a,{render:e(s,{variant:"ghost",size:"icon-sm","aria-label":"More",style:{marginLeft:"10px"},onMouseDownCapture:e=>{e.preventDefault()},children:e(n,{className:"pn:size-4"})})}),e(o,{side:"bottom",className:"pn:w-auto pn:p-2.5",initialFocus:!1,children:e("div",{style:{display:"flex"},children:g.map(t=>e(r.Fragment,{children:c(t)},t))})})]}),t("div",{ref:p,"aria-hidden":!0,className:"pn:pointer-events-none pn:absolute pn:-z-10 pn:flex pn:items-center pn:opacity-0",style:{left:0,top:0},children:[l.map(t=>e(r.Fragment,{children:c(t)},t)),e(s,{variant:"ghost",size:"icon-sm","data-overflow":"true",style:{marginLeft:"10px"},children:e(n,{className:"pn:size-4"})})]})]})};export{l as OverflowList};
@@ -1,6 +1,12 @@
1
1
  import * as React from "react";
2
- import { Popover as PopoverPrimitive } from "radix-ui";
2
+ import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
3
3
  declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
4
- declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
- declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
5
+ type PositionerProps = React.ComponentProps<typeof PopoverPrimitive.Positioner>;
6
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
7
+ side?: PositionerProps["side"];
8
+ sideOffset?: PositionerProps["sideOffset"];
9
+ align?: PositionerProps["align"];
10
+ alignOffset?: PositionerProps["alignOffset"];
11
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
12
  export { Popover, PopoverTrigger, PopoverContent };
@@ -1 +1 @@
1
- var t=this&&this.__rest||function(t,e){var o={};for(var r in t){Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++){e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(o[r[a]]=t[r[a]])}}return o};import{jsx as e}from"react/jsx-runtime";import*as o from"react";import{Popover as r}from"radix-ui";import{cn as a}from"../lib/utils.js";import{usePortalScope as n}from"./portal-scope.js";function s(o){var a=t(o,[]);return e(r.Root,Object.assign({"data-slot":"popover"},a))}const i=o.forwardRef((o,a)=>{var n=t(o,[]);return e(r.Trigger,Object.assign({ref:a,"data-slot":"popover-trigger"},n))});i.displayName="PopoverTrigger";const p=o.forwardRef((o,s)=>{var{className:i,align:p="center",sideOffset:d=4}=o,l=t(o,["className","align","sideOffset"]);const f=n(),{container:m,className:c}=f,g=t(f,["container","className"]);return e(r.Portal,{container:m,children:e(r.Content,Object.assign({ref:s,"data-slot":"popover-content"},g,{align:p,sideOffset:d,className:a(c,"pn:z-50 pn:w-72 origin-(--radix-popover-content-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-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=closed]:zoom-out-95 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0 pn:data-[state=open]:zoom-in-95",i)},l))})});p.displayName="PopoverContent";export{s as Popover,i as PopoverTrigger,p as PopoverContent};
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,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};
@@ -1,15 +1,21 @@
1
1
  import * as React from "react";
2
- import { Select as SelectPrimitive } from "radix-ui";
3
- declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
4
- declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
2
+ import { Select as SelectPrimitive } from "@base-ui/react/select";
3
+ declare const Select: typeof SelectPrimitive.Root;
4
+ declare const SelectGroup: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
5
  declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
6
- declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement> & {
6
+ declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement> & {
7
7
  size?: "sm" | "default";
8
8
  }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
- declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
- declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ type SelectPositionerProps = React.ComponentProps<typeof SelectPrimitive.Positioner>;
10
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
11
+ side?: SelectPositionerProps["side"];
12
+ sideOffset?: SelectPositionerProps["sideOffset"];
13
+ align?: SelectPositionerProps["align"];
14
+ alignItemWithTrigger?: SelectPositionerProps["alignItemWithTrigger"];
15
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
17
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
18
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
+ declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectScrollUpArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
+ declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectScrollDownArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
21
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -1 +1 @@
1
- var e=this&&this.__rest||function(e,t){var n={};for(var a in e){Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++){t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(n[a[s]]=e[a[s]])}}return n};import{jsx as t,jsxs as n}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 p}from"radix-ui";import{cn as o}from"../lib/utils.js";import{usePortalScope as i}from"./portal-scope.js";function c(n){var a=e(n,[]);return t(p.Root,Object.assign({"data-slot":"select"},a))}const d=a.forwardRef((n,a)=>{var{className:s}=n,r=e(n,["className"]);return t(p.Group,Object.assign({ref:a,"data-slot":"select-group",className:o("pn:scroll-my-1",s)},r))});function m(n){var a=e(n,[]);return t(p.Value,Object.assign({"data-slot":"select-value"},a))}d.displayName="SelectGroup";const u=a.forwardRef((a,s)=>{var{className:l,size:i="default",children:c}=a,d=e(a,["className","size","children"]);return n(p.Trigger,Object.assign({ref:s,"data-slot":"select-trigger","data-size":i,className:o("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,t(p.Icon,{asChild:!0,children:t(r,{className:"pn:size-4 pn:opacity-50"})})]}))});u.displayName="SelectTrigger";const f=a.forwardRef((a,s)=>{var{className:r,children:l,position:c="item-aligned",align:d="center"}=a,m=e(a,["className","children","position","align"]);const u=i(),{container:f,className:g}=u,v=e(u,["container","className"]);return t(p.Portal,{container:f,children:n(p.Content,Object.assign({ref:s,"data-slot":"select-content"},v,{"data-align-trigger":"item-aligned"===c,className:o(g,"pn:relative pn:z-50 max-h-(--radix-select-content-available-height) pn:min-w-[8rem] origin-(--radix-select-content-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-[state=closed]:animate-out pn:data-[state=closed]:fade-out-0 pn:data-[state=closed]:zoom-out-95 pn:data-[state=open]:animate-in pn:data-[state=open]:fade-in-0 pn:data-[state=open]:zoom-in-95","popper"===c&&"pn:data-[side=bottom]:translate-y-1 pn:data-[side=left]:-translate-x-1 pn:data-[side=right]:translate-x-1 pn:data-[side=top]:-translate-y-1",r),position:c,align:d},m,{children:[t(h,{}),t(p.Viewport,{className:o("pn:p-1","popper"===c&&"pn:h-[var(--radix-select-trigger-height)] pn:w-full pn:min-w-[var(--radix-select-trigger-width)] pn:scroll-my-1"),children:l}),t(x,{})]}))})});f.displayName="SelectContent";const g=a.forwardRef((n,a)=>{var{className:s}=n,r=e(n,["className"]);return t(p.Label,Object.assign({ref:a,"data-slot":"select-label",className:o("pn:px-2 pn:py-1.5 pn:text-xs pn:text-muted-foreground",s)},r))});g.displayName="SelectLabel";const v=a.forwardRef((a,r)=>{var{className:l,children:i}=a,c=e(a,["className","children"]);return n(p.Item,Object.assign({ref:r,"data-slot":"select-item",className:o("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:focus:bg-accent pn:focus: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:[t("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:t(p.ItemIndicator,{children:t(s,{className:"pn:size-4"})})}),t(p.ItemText,{children:i})]}))});v.displayName="SelectItem";const b=a.forwardRef((n,a)=>{var{className:s}=n,r=e(n,["className"]);return t(p.Separator,Object.assign({ref:a,"data-slot":"select-separator",className:o("pn:pointer-events-none pn:-mx-1 pn:my-1 pn:h-px pn:bg-border",s)},r))});b.displayName="SelectSeparator";const h=a.forwardRef((n,a)=>{var{className:s}=n,r=e(n,["className"]);return t(p.ScrollUpButton,Object.assign({ref:a,"data-slot":"select-scroll-up-button",className:o("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},r,{children:t(l,{className:"pn:size-4"})}))});h.displayName="SelectScrollUpButton";const x=a.forwardRef((n,a)=>{var{className:s}=n,l=e(n,["className"]);return t(p.ScrollDownButton,Object.assign({ref:a,"data-slot":"select-scroll-down-button",className:o("pn:flex pn:cursor-default pn:items-center pn:justify-center pn:py-1",s)},l,{children:t(r,{className:"pn:size-4"})}))});x.displayName="SelectScrollDownButton";export{c as Select,f as SelectContent,d as SelectGroup,v as SelectItem,g as SelectLabel,x as SelectScrollDownButton,h as SelectScrollUpButton,b as SelectSeparator,u as SelectTrigger,m as SelectValue};
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,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};
@@ -1,4 +1,3 @@
1
1
  import * as React from "react";
2
- import { Separator as SeparatorPrimitive } from "radix-ui";
3
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
2
+ declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
3
  export { Separator };
@@ -1 +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"radix-ui";import{cn as e}from"../lib/utils.js";const i=a.forwardRef((a,i)=>{var{className:n,orientation:p="horizontal",decorative:s=!0}=a,l=t(a,["className","orientation","decorative"]);return r(o.Root,Object.assign({ref:i,"data-slot":"separator",decorative:s,orientation:p,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",n)},l))});i.displayName="Separator";export{i as Separator};
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};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as n}from"react/jsx-runtime";import{cn as l}from"../lib/utils.js";import{Slider as a}from"./slider.js";import{Switch as s}from"./switch.js";import{NumericInput as i}from"./numeric-input.js";function p({label:p,value:t,onChange:m,min:r,max:d,step:c=1,disabled:o,className:u,visible:h=!0,enabled:f,onEnabledChange:x,sliderMax:b,onCommit:g}){if(!h){return null}const v=e=>{let n=e;return"number"==typeof r&&(n=Math.max(r,n)),"number"==typeof d&&(n=Math.min(d,n)),n},j=e(i,{value:t,onValueChange:e=>m(v(e)),min:r,max:d,step:c,disabled:o,style:{width:64}}),y=e(a,{value:[t],onValueChange:([e])=>m(v(e)),onValueCommit:g?([e])=>g(v(e)):void 0,min:r,max:null!=b?b:d,step:c,disabled:o});return n("div",x?{className:l("pn:py-1",u),children:[n("div",{className:"pn:flex pn:items-center pn:justify-between pn:gap-2 pn:py-1",children:[e("label",{className:"pn:text-sm pn:font-medium",children:p}),e(s,{checked:!!f,onCheckedChange:x,disabled:o})]}),f&&n("div",{className:"pn:mt-1.5 pn:flex pn:items-center pn:gap-2.5 pn:rounded-lg pn:bg-muted/60 pn:px-3 pn:py-2.5",children:[e("div",{className:"pn:flex-1",children:y}),j]})]}:{className:l("pn:flex pn:flex-col pn:gap-2 pn:py-2",u),children:[n("div",{className:"pn:flex pn:items-center pn:justify-between pn:gap-2",children:[e("label",{className:"pn:text-sm",children:p}),j]}),y]})}export{p as SliderField};
1
+ import{jsx as e,jsxs as n}from"react/jsx-runtime";import{cn as l,firstSliderValue as a}from"../lib/utils.js";import{Slider as s}from"./slider.js";import{Switch as i}from"./switch.js";import{NumericInput as p}from"./numeric-input.js";function t({label:t,value:m,onChange:r,min:d,max:c,step:o=1,disabled:u,className:h,visible:f=!0,enabled:x,onEnabledChange:b,sliderMax:g,onCommit:v}){if(!f){return null}const j=e=>{let n=e;return"number"==typeof d&&(n=Math.max(d,n)),"number"==typeof c&&(n=Math.min(c,n)),n},y=e(p,{value:m,onValueChange:e=>r(j(e)),min:d,max:c,step:o,disabled:u,style:{width:64}}),N=e(s,{value:[m],onValueChange:e=>r(j(a(e))),onValueCommitted:v?e=>v(j(a(e))):void 0,min:d,max:null!=g?g:c,step:o,disabled:u});return n("div",b?{className:l("pn:py-1",h),children:[n("div",{className:"pn:flex pn:items-center pn:justify-between pn:gap-2 pn:py-1",children:[e("label",{className:"pn:text-sm pn:font-medium",children:t}),e(i,{checked:!!x,onCheckedChange:b,disabled:u})]}),x&&n("div",{className:"pn:mt-1.5 pn:flex pn:items-center pn:gap-2.5 pn:rounded-lg pn:bg-muted/60 pn:px-3 pn:py-2.5",children:[e("div",{className:"pn:flex-1",children:N}),y]})]}:{className:l("pn:flex pn:flex-col pn:gap-2 pn:py-2",h),children:[n("div",{className:"pn:flex pn:items-center pn:justify-between pn:gap-2",children:[e("label",{className:"pn:text-sm",children:t}),y]}),N]})}export{t as SliderField};
@@ -1,4 +1,6 @@
1
1
  import * as React from "react";
2
- import { Slider as SliderPrimitive } from "radix-ui";
3
- declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
2
+ import { Slider as SliderPrimitive } from "@base-ui/react/slider";
3
+ declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.Root.Props<number | readonly number[]> & {
4
+ ref?: React.Ref<HTMLDivElement> | undefined;
5
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
6
  export { Slider };
@@ -1 +1 @@
1
- var a=this&&this.__rest||function(a,n){var e={};for(var t in a){Object.prototype.hasOwnProperty.call(a,t)&&n.indexOf(t)<0&&(e[t]=a[t])}if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(a);r<t.length;r++){n.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(a,t[r])&&(e[t[r]]=a[t[r]])}}return e};import{jsx as n,jsxs as e}from"react/jsx-runtime";import*as t from"react";import{Slider as r}from"radix-ui";import{cn as o}from"../lib/utils.js";const i=t.forwardRef((i,l)=>{var{className:s,defaultValue:p,value:d,min:c=0,max:u=100}=i,m=a(i,["className","defaultValue","value","min","max"]);const f=t.useMemo(()=>Array.isArray(d)?d:Array.isArray(p)?p:[c,u],[d,p,c,u]);return e(r.Root,Object.assign({ref:l,"data-slot":"slider",defaultValue:p,value:d,min:c,max:u,className:o("pn:relative pn:flex pn:w-full pn:touch-none pn:items-center pn:select-none pn:data-[disabled]:opacity-50 pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:min-h-44 pn:data-[orientation=vertical]:w-auto pn:data-[orientation=vertical]:flex-col",s)},m,{children:[n(r.Track,{"data-slot":"slider-track",className:o("pn:relative pn:grow pn:overflow-hidden pn:rounded-full pn:bg-muted pn:data-[orientation=horizontal]:h-1.5 pn:data-[orientation=horizontal]:w-full pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:w-1.5"),children:n(r.Range,{"data-slot":"slider-range",className:o("pn:absolute pn:bg-primary pn:data-[orientation=horizontal]:h-full pn:data-[orientation=vertical]:w-full")})}),Array.from({length:f.length},(a,e)=>n(r.Thumb,{"data-slot":"slider-thumb",className:"pn:block pn:size-4 pn:shrink-0 pn:rounded-full pn:border pn:border-primary pn:bg-background pn:shadow-sm pn:ring-ring/50 pn:transition-[color,box-shadow] pn:hover:ring-4 pn:focus-visible:ring-4 pn:focus-visible:outline-hidden pn:disabled:pointer-events-none pn:disabled:opacity-50"},e))]}))});i.displayName="Slider";export{i as Slider};
1
+ var a=this&&this.__rest||function(a,n){var t={};for(var e in a){Object.prototype.hasOwnProperty.call(a,e)&&n.indexOf(e)<0&&(t[e]=a[e])}if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(a);r<e.length;r++){n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(t[e[r]]=a[e[r]])}}return t};import{jsx as n,jsxs as t}from"react/jsx-runtime";import*as e from"react";import{Slider as r}from"@base-ui/react/slider";import{cn as i}from"../lib/utils.js";const o=e.forwardRef((o,l)=>{var{className:s,defaultValue:p,value:d,min:c=0,max:u=100}=o,m=a(o,["className","defaultValue","value","min","max"]);const f=e.useMemo(()=>Array.isArray(d)?d:Array.isArray(p)?p:[c,u],[d,p,c,u]);return n(r.Root,Object.assign({ref:l,"data-slot":"slider",defaultValue:p,value:d,min:c,max:u,thumbAlignment:"edge",className:i("pn:relative pn:w-full pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:min-h-44 pn:data-[orientation=vertical]:w-auto",s)},m,{children:t(r.Control,{className:i("pn:relative pn:flex pn:w-full pn:touch-none pn:items-center pn:select-none pn:data-[disabled]:opacity-50 pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:w-auto pn:data-[orientation=vertical]:flex-col"),children:[n(r.Track,{"data-slot":"slider-track",className:i("pn:relative pn:grow pn:overflow-hidden pn:rounded-full pn:bg-muted pn:data-[orientation=horizontal]:h-1.5 pn:data-[orientation=horizontal]:w-full pn:data-[orientation=vertical]:h-full pn:data-[orientation=vertical]:w-1.5"),children:n(r.Indicator,{"data-slot":"slider-range",className:i("pn:absolute pn:bg-primary pn:data-[orientation=horizontal]:h-full pn:data-[orientation=vertical]:w-full")})}),Array.from({length:f.length},(a,t)=>n(r.Thumb,{"data-slot":"slider-thumb",className:"pn:block pn:size-4 pn:shrink-0 pn:rounded-full pn:border pn:border-primary pn:bg-background pn:shadow-sm pn:ring-ring/50 pn:transition-[color,box-shadow] pn:hover:ring-4 pn:focus-visible:ring-4 pn:focus-visible:outline-hidden pn:disabled:pointer-events-none pn:disabled:opacity-50"},t))]})}))});o.displayName="Slider";export{o as Slider};
@@ -1,4 +1,3 @@
1
1
  import * as React from "react";
2
- import { Switch as SwitchPrimitive } from "radix-ui";
3
- declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
2
+ declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SwitchRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
4
3
  export { Switch };
@@ -1 +1 @@
1
- var n=this&&this.__rest||function(n,e){var t={};for(var r in n){Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r])}if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(n);a<r.length;a++){e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(n,r[a])&&(t[r[a]]=n[r[a]])}}return t};import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{Switch as r}from"radix-ui";import{cn as a}from"../lib/utils.js";const p=t.forwardRef((t,p)=>{var{className:s}=t,o=n(t,["className"]);return e(r.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-[state=checked]:bg-primary pn:data-[state=unchecked]:bg-input pn:dark:data-[state=unchecked]:bg-input/80",s)},o,{children:e(r.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-[state=checked]:translate-x-[calc(100%-2px)] pn:data-[state=unchecked]:translate-x-0 pn:dark:data-[state=checked]:bg-primary-foreground pn:dark:data-[state=unchecked]:bg-foreground")})}))});p.displayName="Switch";export{p as Switch};
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};
@@ -1,10 +1,9 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "class-variance-authority";
3
- import { Tabs as TabsPrimitive } from "radix-ui";
4
- declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
3
+ declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
6
5
  variant?: "line" | "default" | null | undefined;
7
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
9
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
8
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
9
  export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -1 +1 @@
1
- var t=this&&this.__rest||function(t,a){var n={};for(var e in t){Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(n[e]=t[e])}if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(e=Object.getOwnPropertySymbols(t);r<e.length;r++){a.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(n[e[r]]=t[e[r]])}}return n};import{jsx as a}from"react/jsx-runtime";import*as n from"react";import{cva as e}from"class-variance-authority";import{Tabs as r}from"radix-ui";import{cn as i}from"../lib/utils.js";const o=n.forwardRef((n,e)=>{var{className:o,orientation:s="horizontal"}=n,p=t(n,["className","orientation"]);return a(r.Root,Object.assign({ref:e,"data-slot":"tabs","data-orientation":s,orientation:s,className:i("pn:group/tabs pn:flex pn:gap-2 pn:data-[orientation=horizontal]:flex-col",o)},p))});o.displayName="Tabs";const s=e("pn:group/tabs-list pn:inline-flex pn:w-fit pn:items-center pn:justify-center pn:rounded-lg pn:p-[3px] pn:text-muted-foreground pn:group-data-[orientation=horizontal]/tabs:h-9 pn:group-data-[orientation=vertical]/tabs:h-fit pn:group-data-[orientation=vertical]/tabs:flex-col pn:data-[variant=line]:rounded-none",{variants:{variant:{default:"pn:bg-muted",line:"pn:gap-1 pn:bg-transparent"}},defaultVariants:{variant:"default"}}),p=n.forwardRef((n,e)=>{var{className:o,variant:p="default"}=n,l=t(n,["className","variant"]);return a(r.List,Object.assign({ref:e,"data-slot":"tabs-list","data-variant":p,className:i(s({variant:p}),o)},l))});p.displayName="TabsList";const l=n.forwardRef((n,e)=>{var{className:o}=n,s=t(n,["className"]);return a(r.Trigger,Object.assign({ref:e,"data-slot":"tabs-trigger",className:i("pn:relative pn:inline-flex pn:h-[calc(100%-1px)] pn:flex-1 pn:items-center pn:justify-center pn:gap-1.5 pn:rounded-md pn:border pn:border-transparent pn:px-2 pn:py-1 pn:text-sm pn:font-medium pn:whitespace-nowrap pn:text-foreground/60 pn:transition-all pn:group-data-[orientation=vertical]/tabs:w-full pn:group-data-[orientation=vertical]/tabs:justify-start pn:hover:text-foreground pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:focus-visible:outline-1 pn:focus-visible:outline-ring pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm pn:group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none pn:dark:text-muted-foreground pn:dark:hover:text-foreground pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4","pn:group-data-[variant=line]/tabs-list:bg-transparent pn:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent pn:dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent pn:dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","pn:data-[state=active]:bg-background pn:data-[state=active]:text-foreground pn:dark:data-[state=active]:border-input pn:dark:data-[state=active]:bg-input/30 pn:dark:data-[state=active]:text-foreground","pn:after:absolute pn:after:bg-foreground pn:after:opacity-0 pn:after:transition-opacity pn:group-data-[orientation=horizontal]/tabs:after:inset-x-0 pn:group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] pn:group-data-[orientation=horizontal]/tabs:after:h-0.5 pn:group-data-[orientation=vertical]/tabs:after:inset-y-0 pn:group-data-[orientation=vertical]/tabs:after:-right-1 pn:group-data-[orientation=vertical]/tabs:after:w-0.5 pn:group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",o)},s))});l.displayName="TabsTrigger";const d=n.forwardRef((n,e)=>{var{className:o}=n,s=t(n,["className"]);return a(r.Content,Object.assign({ref:e,"data-slot":"tabs-content",className:i("pn:flex-1 pn:outline-none",o)},s))});d.displayName="TabsContent";export{o as Tabs,p as TabsList,l as TabsTrigger,d as TabsContent};
1
+ var a=this&&this.__rest||function(a,t){var n={};for(var r in a){Object.prototype.hasOwnProperty.call(a,r)&&t.indexOf(r)<0&&(n[r]=a[r])}if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(r=Object.getOwnPropertySymbols(a);e<r.length;e++){t.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(a,r[e])&&(n[r[e]]=a[r[e]])}}return n};import{jsx as t}from"react/jsx-runtime";import*as n from"react";import{cva as r}from"class-variance-authority";import{Tabs as e}from"@base-ui/react/tabs";import{cn as i}from"../lib/utils.js";const o=n.forwardRef((n,r)=>{var{className:o,orientation:s="horizontal"}=n,p=a(n,["className","orientation"]);return t(e.Root,Object.assign({ref:r,"data-slot":"tabs",orientation:s,className:i("pn:group/tabs pn:flex pn:gap-2 pn:data-[orientation=horizontal]:flex-col",o)},p))});o.displayName="Tabs";const s=r("pn:group/tabs-list pn:inline-flex pn:w-fit pn:items-center pn:justify-center pn:rounded-lg pn:p-[3px] pn:text-muted-foreground pn:group-data-[orientation=horizontal]/tabs:h-9 pn:group-data-[orientation=vertical]/tabs:h-fit pn:group-data-[orientation=vertical]/tabs:flex-col pn:data-[variant=line]:rounded-none",{variants:{variant:{default:"pn:bg-muted",line:"pn:gap-1 pn:bg-transparent"}},defaultVariants:{variant:"default"}}),p=n.forwardRef((n,r)=>{var{className:o,variant:p="default"}=n,l=a(n,["className","variant"]);return t(e.List,Object.assign({ref:r,"data-slot":"tabs-list","data-variant":p,className:i(s({variant:p}),o)},l))});p.displayName="TabsList";const l=n.forwardRef((n,r)=>{var{className:o}=n,s=a(n,["className"]);return t(e.Tab,Object.assign({ref:r,"data-slot":"tabs-trigger",className:i("pn:relative pn:inline-flex pn:h-[calc(100%-1px)] pn:flex-1 pn:items-center pn:justify-center pn:gap-1.5 pn:rounded-md pn:border pn:border-transparent pn:px-2 pn:py-1 pn:text-sm pn:font-medium pn:whitespace-nowrap pn:text-foreground/60 pn:transition-all pn:group-data-[orientation=vertical]/tabs:w-full pn:group-data-[orientation=vertical]/tabs:justify-start pn:hover:text-foreground pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:focus-visible:outline-1 pn:focus-visible:outline-ring pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:group-data-[variant=default]/tabs-list:data-active:shadow-sm pn:group-data-[variant=line]/tabs-list:data-active:shadow-none pn:dark:text-muted-foreground pn:dark:hover:text-foreground pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4","pn:group-data-[variant=line]/tabs-list:bg-transparent pn:group-data-[variant=line]/tabs-list:data-active:bg-transparent pn:dark:group-data-[variant=line]/tabs-list:data-active:border-transparent pn:dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent","pn:data-active:bg-background pn:data-active:text-foreground pn:dark:data-active:border-input pn:dark:data-active:bg-input/30 pn:dark:data-active:text-foreground","pn:after:absolute pn:after:bg-foreground pn:after:opacity-0 pn:after:transition-opacity pn:group-data-[orientation=horizontal]/tabs:after:inset-x-0 pn:group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] pn:group-data-[orientation=horizontal]/tabs:after:h-0.5 pn:group-data-[orientation=vertical]/tabs:after:inset-y-0 pn:group-data-[orientation=vertical]/tabs:after:-right-1 pn:group-data-[orientation=vertical]/tabs:after:w-0.5 pn:group-data-[variant=line]/tabs-list:data-active:after:opacity-100",o)},s))});l.displayName="TabsTrigger";const d=n.forwardRef((n,r)=>{var{className:o}=n,s=a(n,["className"]);return t(e.Panel,Object.assign({ref:r,"data-slot":"tabs-content",className:i("pn:flex-1 pn:outline-none",o)},s))});d.displayName="TabsContent";export{o as Tabs,p as TabsList,l as TabsTrigger,d as TabsContent};
@@ -1,14 +1,12 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "class-variance-authority";
3
- import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
4
- declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
3
+ import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
4
+ import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
5
+ declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.Props<string> & React.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
5
6
  variant?: "default" | "outline" | null | undefined;
6
7
  size?: "default" | null | undefined;
7
- } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & VariantProps<(props?: ({
8
- variant?: "default" | "outline" | null | undefined;
9
- size?: "default" | null | undefined;
10
- } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref">) & React.RefAttributes<HTMLDivElement>>;
11
- declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
8
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & React.RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
12
10
  variant?: "default" | "outline" | null | undefined;
13
11
  size?: "default" | null | undefined;
14
12
  } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +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 n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++){r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}}return t};import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{ToggleGroup as a}from"radix-ui";import{cn as n}from"../lib/utils.js";import{toggleVariants as o}from"./toggle.js";const i=t.createContext({size:"default",variant:"default"}),s=t.forwardRef((t,o)=>{var{className:s,variant:l,size:p,children:d}=t,c=e(t,["className","variant","size","children"]);return r(a.Root,Object.assign({ref:o,"data-slot":"toggle-group","data-variant":l,"data-size":p,className:n("pn:group/toggle-group pn:flex pn:w-fit pn:items-center pn:rounded-md",s)},c,{children:r(i.Provider,{value:{variant:l,size:p},children:d})}))});s.displayName="ToggleGroup";const l=t.forwardRef((s,l)=>{var{className:p,children:d,variant:c,size:m}=s,u=e(s,["className","children","variant","size"]);const f=t.useContext(i);return r(a.Item,Object.assign({ref:l,"data-slot":"toggle-group-item","data-variant":f.variant||c,"data-size":f.size||m,className:n(o({variant:f.variant||c,size:f.size||m}),"pn:w-auto pn:min-w-0 pn:shrink-0 pn:px-3 pn:focus:z-10 pn:focus-visible:z-10","pn:rounded-none pn:shadow-none pn:first:rounded-l-md pn:last:rounded-r-md pn:data-[variant=outline]:border-l-0 pn:data-[variant=outline]:first:border-l",p)},u,{children:d}))});l.displayName="ToggleGroupItem";export{s as ToggleGroup,l as ToggleGroupItem};
1
+ var e=this&&this.__rest||function(e,r){var a={};for(var t in e){Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++){r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(a[t[n]]=e[t[n]])}}return a};import{jsx as r}from"react/jsx-runtime";import*as a from"react";import{ToggleGroup as t}from"@base-ui/react/toggle-group";import{Toggle as n}from"@base-ui/react/toggle";import{cn as o}from"../lib/utils.js";import{toggleVariants as i}from"./toggle.js";const s=a.createContext({size:"default",variant:"default"}),l=a.forwardRef((a,n)=>{var{className:i,variant:l,size:p,children:d}=a,c=e(a,["className","variant","size","children"]);return r(t,Object.assign({ref:n,"data-slot":"toggle-group","data-variant":l,"data-size":p,className:o("pn:group/toggle-group pn:flex pn:w-fit pn:items-center pn:rounded-md",i)},c,{children:r(s.Provider,{value:{variant:l,size:p},children:d})}))});l.displayName="ToggleGroup";const p=a.forwardRef((t,l)=>{var{className:p,children:d,variant:c,size:u}=t,m=e(t,["className","children","variant","size"]);const g=a.useContext(s);return r(n,Object.assign({ref:l,"data-slot":"toggle-group-item","data-variant":g.variant||c,"data-size":g.size||u,className:o(i({variant:g.variant||c,size:g.size||u}),"pn:w-auto pn:min-w-0 pn:shrink-0 pn:px-3 pn:focus:z-10 pn:focus-visible:z-10","pn:rounded-none pn:shadow-none pn:first:rounded-l-md pn:last:rounded-r-md pn:data-[variant=outline]:border-l-0 pn:data-[variant=outline]:first:border-l",p)},m,{children:d}))});p.displayName="ToggleGroupItem";export{l as ToggleGroup,p as ToggleGroupItem};
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "class-variance-authority";
3
- import { Toggle as TogglePrimitive } from "radix-ui";
3
+ import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
4
4
  declare const toggleVariants: (props?: ({
5
5
  variant?: "default" | "outline" | null | undefined;
6
6
  size?: "default" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
- declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
8
+ declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.Props<string> & React.RefAttributes<HTMLButtonElement> & VariantProps<(props?: ({
9
9
  variant?: "default" | "outline" | null | undefined;
10
10
  size?: "default" | null | undefined;
11
11
  } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -1 +1 @@
1
- var n=this&&this.__rest||function(n,e){var t={};for(var r in n){Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r])}if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(n);a<r.length;a++){e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(n,r[a])&&(t[r[a]]=n[r[a]])}}return t};import{jsx as e}from"react/jsx-runtime";import*as t from"react";import{cva as r}from"class-variance-authority";import{Toggle as a}from"radix-ui";import{cn as i}from"../lib/utils.js";const o=r("pn:inline-flex pn:items-center pn:justify-center pn:gap-2 pn:rounded-md pn:text-sm pn:font-medium pn:whitespace-nowrap pn:transition-[color,box-shadow] pn:outline-none pn:hover:bg-muted pn:hover:text-muted-foreground pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:data-[state=on]:bg-accent pn:data-[state=on]:text-accent-foreground pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"pn:bg-transparent",outline:"pn:border pn:border-input pn:bg-transparent pn:shadow-xs pn:hover:bg-accent pn:hover:text-accent-foreground"},size:{default:"pn:h-9 pn:min-w-9 pn:px-2"}},defaultVariants:{variant:"default",size:"default"}}),s=t.forwardRef((t,r)=>{var{className:s,variant:p,size:l}=t,d=n(t,["className","variant","size"]);return e(a.Root,Object.assign({ref:r,"data-slot":"toggle",className:i(o({variant:p,size:l,className:s}))},d))});s.displayName="Toggle";export{s as Toggle,o as toggleVariants};
1
+ var e=this&&this.__rest||function(e,n){var t={};for(var r in e){Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++){n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}}return t};import{jsx as n}from"react/jsx-runtime";import*as t from"react";import{cva as r}from"class-variance-authority";import{Toggle as a}from"@base-ui/react/toggle";import{cn as i}from"../lib/utils.js";const s=r("pn:inline-flex pn:items-center pn:justify-center pn:gap-2 pn:rounded-md pn:text-sm pn:font-medium pn:whitespace-nowrap pn:transition-[color,box-shadow] pn:outline-none pn:hover:bg-muted pn:hover:text-muted-foreground pn:focus-visible:border-ring pn:focus-visible:ring-[3px] pn:focus-visible:ring-ring/50 pn:disabled:pointer-events-none pn:disabled:opacity-50 pn:aria-invalid:border-destructive pn:aria-invalid:ring-destructive/20 pn:data-pressed:bg-accent pn:data-pressed:text-accent-foreground pn:dark:aria-invalid:ring-destructive/40 pn:[&_svg]:pointer-events-none pn:[&_svg]:shrink-0 pn:[&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"pn:bg-transparent",outline:"pn:border pn:border-input pn:bg-transparent pn:shadow-xs pn:hover:bg-accent pn:hover:text-accent-foreground"},size:{default:"pn:h-9 pn:min-w-9 pn:px-2"}},defaultVariants:{variant:"default",size:"default"}}),o=t.forwardRef((t,r)=>{var{className:o,variant:p,size:l}=t,d=e(t,["className","variant","size"]);return n(a,Object.assign({ref:r,"data-slot":"toggle",className:i(s({variant:p,size:l,className:o}))},d))});o.displayName="Toggle";export{o as Toggle,s as toggleVariants};
@@ -1 +1 @@
1
- var e=this&&this.__rest||function(e,t){var i={};for(var r in e){Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(i[r]=e[r])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++){t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(i[r[a]]=e[r[a]])}}return i};import{jsx as t,jsxs as i}from"react/jsx-runtime";import*as r from"react";import{cn as a}from"../lib/utils.js";import{Button as o}from"./button.js";import{Tooltip as s,TooltipContent as l,TooltipTrigger as n}from"./tooltip.js";const c=r.forwardRef((r,c)=>{var{label:d,active:p,side:m,hideTooltipWhenDisabled:b=!1,variant:f="ghost",size:h="icon-sm",disabled:v,className:j,children:u}=r,y=e(r,["label","active","side","hideTooltipWhenDisabled","variant","size","disabled","className","children"]);const O=t(o,Object.assign({ref:c,variant:f,size:h,disabled:v,"aria-label":d,"data-active":p||void 0,className:a(p&&"pn:bg-muted",j)},y,{children:u}));return b&&v?O:i(s,{children:[t(n,{asChild:!0,children:O}),t(l,{side:m,children:d})]})});c.displayName="TooltipIconButton";export{c as TooltipIconButton};
1
+ var e=this&&this.__rest||function(e,t){var r={};for(var i in e){Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i])}if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++){t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]])}}return r};import{jsx as t,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{cn as a}from"../lib/utils.js";import{Button as o}from"./button.js";import{Tooltip as s,TooltipContent as l,TooltipTrigger as n}from"./tooltip.js";const c=i.forwardRef((i,c)=>{var{label:d,active:p,side:m,hideTooltipWhenDisabled:b=!1,variant:f="ghost",size:h="icon-sm",disabled:v,className:j,children:u}=i,y=e(i,["label","active","side","hideTooltipWhenDisabled","variant","size","disabled","className","children"]);const O=t(o,Object.assign({ref:c,variant:f,size:h,disabled:v,"aria-label":d,"data-active":p||void 0,className:a(p&&"pn:bg-muted",j)},y,{children:u}));return b&&v?O:r(s,{children:[t(n,{render:O}),t(l,{side:m,children:d})]})});c.displayName="TooltipIconButton";export{c as TooltipIconButton};