@pelatform/ui 1.5.8 → 1.6.0

package/dist/base.cjs

@@ -2049,9 +2049,7 @@ function ContextMenuPositioner({
     }
   );
 }
-function ContextMenuPortal({
-  ...props
-}) {
+function ContextMenuPortal({ ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _contextmenu.ContextMenu.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 
@@ -3805,7 +3803,7 @@ function PopoverAnchor({ ...props }) {
 var _react2 = require('@base-ui-components/react');
 
 function PreviewCard({ ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.PreviewCard.Root, { delay: 0, closeDelay: 0, "data-slot": "preview-card", ...props });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.PreviewCard.Trigger, { delay: 0, closeDelay: 0, "data-slot": "preview-card", ...props });
 }
 function PreviewCardTrigger({ ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.PreviewCard.Trigger, { "data-slot": "preview-card-trigger", ...props });
@@ -4578,11 +4576,9 @@ function Slider({
     }
   }, [value]);
   const handleValueChange = (newValue, eventDetails) => {
-    const values = Array.isArray(newValue) ? [...newValue] : [newValue];
-    setInternalValues(values);
-    if (onValueChange) {
-      onValueChange(values, eventDetails);
-    }
+    const valuesArray = Array.isArray(newValue) ? [...newValue] : [newValue];
+    setInternalValues(valuesArray);
+    _optionalChain([onValueChange, 'optionalCall', _7 => _7(newValue, eventDetails)]);
   };
   const [showTooltipState, setShowTooltipState] = React11.useState(false);
   const handlePointerDown = () => {
@@ -4608,6 +4604,7 @@ function Slider({
       _slider.Slider.Thumb,
       {
         "data-slot": "slider-thumb",
+        index,
         className: _chunkCJXIPSTGcjs.cn.call(void 0, 
           "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-dragging:ring-4 data-focused:ring-4 data-touched:ring-4"
         ),
@@ -5018,7 +5015,7 @@ function ToastProvider({
   ] });
 }
 function isCustomToast(toast) {
-  return _optionalChain([toast, 'access', _7 => _7.data, 'optionalAccess', _8 => _8.content]) !== void 0;
+  return _optionalChain([toast, 'access', _8 => _8.data, 'optionalAccess', _9 => _9.content]) !== void 0;
 }
 function getDefaultSwipeDirection(position) {
   switch (position) {
@@ -5040,7 +5037,7 @@ function ToastList({ position, swipeDirection, showCloseButton }) {
   const { toasts } = _chunkZDR3OZ7Zcjs.useToast.call(void 0, );
   const toastsByPosition = toasts.reduce(
     (groups, toast) => {
-      const toastPosition = _optionalChain([toast, 'access', _9 => _9.data, 'optionalAccess', _10 => _10.position]) || position;
+      const toastPosition = _optionalChain([toast, 'access', _10 => _10.data, 'optionalAccess', _11 => _11.position]) || position;
       if (!groups[toastPosition]) {
         groups[toastPosition] = [];
       }
@@ -5116,7 +5113,7 @@ function ToastList({ position, swipeDirection, showCloseButton }) {
                         )
                       ] })
                     ] }),
-                    (_optionalChain([toast, 'access', _11 => _11.data, 'optionalAccess', _12 => _12.close]) || showCloseButton) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    (_optionalChain([toast, 'access', _12 => _12.data, 'optionalAccess', _13 => _13.close]) || showCloseButton) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       _toast.Toast.Close,
                       {
                         className: _chunkCJXIPSTGcjs.cn.call(void 0, 

package/dist/base.d.cts

@@ -254,7 +254,7 @@ declare function ContextMenuGroupLabel({ className, inset, ...props }: React$1.C
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuPositioner({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Positioner>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Positioner>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DialogTrigger(props: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;

package/dist/base.d.ts

@@ -254,7 +254,7 @@ declare function ContextMenuGroupLabel({ className, inset, ...props }: React$1.C
 declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenu$1.Separator>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function ContextMenuPositioner({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Positioner>): react_jsx_runtime.JSX.Element;
-declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Positioner>): react_jsx_runtime.JSX.Element;
+declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenu$1.Portal>): react_jsx_runtime.JSX.Element;
 
 declare function Dialog({ ...props }: React$1.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime.JSX.Element;
 declare function DialogTrigger(props: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;

package/dist/base.js

@@ -2049,9 +2049,7 @@ function ContextMenuPositioner({
     }
   );
 }
-function ContextMenuPortal({
-  ...props
-}) {
+function ContextMenuPortal({ ...props }) {
   return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 
@@ -3805,7 +3803,7 @@ function PopoverAnchor({ ...props }) {
 import { PreviewCard as BasePreviewCard } from "@base-ui-components/react";
 import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function PreviewCard({ ...props }) {
-  return /* @__PURE__ */ jsx28(BasePreviewCard.Root, { delay: 0, closeDelay: 0, "data-slot": "preview-card", ...props });
+  return /* @__PURE__ */ jsx28(BasePreviewCard.Trigger, { delay: 0, closeDelay: 0, "data-slot": "preview-card", ...props });
 }
 function PreviewCardTrigger({ ...props }) {
   return /* @__PURE__ */ jsx28(BasePreviewCard.Trigger, { "data-slot": "preview-card-trigger", ...props });
@@ -4578,11 +4576,9 @@ function Slider({
     }
   }, [value]);
   const handleValueChange = (newValue, eventDetails) => {
-    const values = Array.isArray(newValue) ? [...newValue] : [newValue];
-    setInternalValues(values);
-    if (onValueChange) {
-      onValueChange(values, eventDetails);
-    }
+    const valuesArray = Array.isArray(newValue) ? [...newValue] : [newValue];
+    setInternalValues(valuesArray);
+    onValueChange?.(newValue, eventDetails);
   };
   const [showTooltipState, setShowTooltipState] = React11.useState(false);
   const handlePointerDown = () => {
@@ -4608,6 +4604,7 @@ function Slider({
       SliderPrimitive.Thumb,
       {
         "data-slot": "slider-thumb",
+        index,
         className: cn(
           "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm outline-none ring-ring/20 transition-[color,box-shadow] hover:ring-4 disabled:pointer-events-none disabled:opacity-50 data-dragging:ring-4 data-focused:ring-4 data-touched:ring-4"
         ),

package/dist/components.cjs

@@ -958,7 +958,10 @@ var _reactquery = require('@tanstack/react-query');
 
 
 
-var QueryProvider = ({ children }) => {
+var QueryProvider = ({
+  client: clientProps,
+  children
+}) => {
   const [queryClient] = _react.useState.call(void 0, 
     () => new (0, _reactquery.QueryClient)({
       /** Global query defaults for all queries */
@@ -1018,7 +1021,7 @@ var QueryProvider = ({ children }) => {
       })
     })
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: _nullishCoalesce(clientProps, () => ( queryClient)), children });
 };
 
 // src/components/providers/theme-provider.tsx

package/dist/components.d.cts

@@ -3,6 +3,7 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, HTMLAttributes, ComponentProps, FC, DragEvent, RefObject } from 'react';
 import { B as BaseProps, L as Link, I as Image } from './components-CidsRcc3.cjs';
 import { DialogProps } from '@radix-ui/react-dialog';
+import { QueryClient } from '@tanstack/react-query';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import { VariantProps } from 'class-variance-authority';
 import { b as badgeVariants } from './badge-BtI4BMea.cjs';
@@ -1450,7 +1451,8 @@ declare function MobileNavItemRenderer({ Link, navigate, item, pathname, level,
  * }
  * ```
  */
-declare const QueryProvider: ({ children }: {
+declare const QueryProvider: ({ client: clientProps, children, }: {
+    client?: QueryClient;
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/components.d.ts

@@ -3,6 +3,7 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, HTMLAttributes, ComponentProps, FC, DragEvent, RefObject } from 'react';
 import { B as BaseProps, L as Link, I as Image } from './components-CidsRcc3.js';
 import { DialogProps } from '@radix-ui/react-dialog';
+import { QueryClient } from '@tanstack/react-query';
 import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
 import { VariantProps } from 'class-variance-authority';
 import { b as badgeVariants } from './badge-BtI4BMea.js';
@@ -1450,7 +1451,8 @@ declare function MobileNavItemRenderer({ Link, navigate, item, pathname, level,
  * }
  * ```
  */
-declare const QueryProvider: ({ children }: {
+declare const QueryProvider: ({ client: clientProps, children, }: {
+    client?: QueryClient;
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/components.js

@@ -958,7 +958,10 @@ import { QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-qu
 import { CircleAlert as CircleAlert2 } from "lucide-react";
 import { toast as toast2 } from "sonner";
 import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
-var QueryProvider = ({ children }) => {
+var QueryProvider = ({
+  client: clientProps,
+  children
+}) => {
   const [queryClient] = useState3(
     () => new QueryClient({
       /** Global query defaults for all queries */
@@ -1018,7 +1021,7 @@ var QueryProvider = ({ children }) => {
       })
     })
   );
-  return /* @__PURE__ */ jsx26(QueryClientProvider, { client: queryClient, children });
+  return /* @__PURE__ */ jsx26(QueryClientProvider, { client: clientProps ?? queryClient, children });
 };
 
 // src/components/providers/theme-provider.tsx

package/dist/default.d.cts

@@ -1063,7 +1063,7 @@ declare function SheetClose({ ...props }: React$1.ComponentProps<typeof Dialog$1
 declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentProps<typeof Dialog$1.Content>, VariantProps<typeof sheetVariants> {
     overlay?: boolean;

package/dist/default.d.ts

@@ -1063,7 +1063,7 @@ declare function SheetClose({ ...props }: React$1.ComponentProps<typeof Dialog$1
 declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
 declare function SheetOverlay({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React$1.ComponentProps<typeof Dialog$1.Content>, VariantProps<typeof sheetVariants> {
     overlay?: boolean;

package/dist/hooks.d.cts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import React__default, { DragEvent, ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
 import { M as MenuItem, a as MenuConfig } from './menu-GmSRfRGB.cjs';
 import { M as META_THEME_COLORS } from './colors-CUDWvz1g.cjs';
+import * as _base_ui_components_react from '@base-ui-components/react';
 import { Toast } from '@base-ui-components/react/toast';
 
 /**
@@ -1066,11 +1067,6 @@ declare function useSliderInput({ minValue, maxValue, initialValue }: UseSliderI
     validateAndUpdateValue: (value: number, index: 0 | 1) => void;
 };
 
-/**
- * Toast notification hook and manager for React components
- * Provides a simple API to trigger and manage toast messages across the app
- */
-
 /**
  * Global toast manager instance
  *
@@ -1085,7 +1081,7 @@ declare function useSliderInput({ minValue, maxValue, initialValue }: UseSliderI
  * toastManager.show({ content: 'Profile updated', duration: 3000 });
  * ```
  */
-declare const toastManager: Toast.createToastManager.ToastManager;
+declare const toastManager: _base_ui_components_react.ToastManager;
 /**
  * React hook to access the toast manager within components
  *

package/dist/hooks.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import React__default, { DragEvent, ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
 import { M as MenuItem, a as MenuConfig } from './menu-GmSRfRGB.js';
 import { M as META_THEME_COLORS } from './colors-CUDWvz1g.js';
+import * as _base_ui_components_react from '@base-ui-components/react';
 import { Toast } from '@base-ui-components/react/toast';
 
 /**
@@ -1066,11 +1067,6 @@ declare function useSliderInput({ minValue, maxValue, initialValue }: UseSliderI
     validateAndUpdateValue: (value: number, index: 0 | 1) => void;
 };
 
-/**
- * Toast notification hook and manager for React components
- * Provides a simple API to trigger and manage toast messages across the app
- */
-
 /**
  * Global toast manager instance
  *
@@ -1085,7 +1081,7 @@ declare function useSliderInput({ minValue, maxValue, initialValue }: UseSliderI
  * toastManager.show({ content: 'Profile updated', duration: 3000 });
  * ```
  */
-declare const toastManager: Toast.createToastManager.ToastManager;
+declare const toastManager: _base_ui_components_react.ToastManager;
 /**
  * React hook to access the toast manager within components
  *