@baseplate-dev/plugin-auth 1.0.5 → 1.0.6

package/dist/web/assets/__federation_shared_@baseplate-dev/{ui-components-BxXhpJ04.js → ui-components-X318M5Ml.js}

@@ -1,7 +1,7 @@
-import { importShared } from '../__federation_fn_import-BDimcZUI.js';
-import { j as jsxRuntimeExports, b as useController, u as useFormState, g as get } from '../index.esm-qm5h2Bmg.js';
-import { M as MdMoreHoriz, a as MdChevronRight, b as MdChevronLeft, c as MdExpandMore, d as MdCheck, e as MdUnfoldMore, f as MdClose, g as MdSearch, h as MdCalendarMonth, i as MdSchedule, j as MdCircle, k as MdFormatListBulleted, l as MdOutlineErrorOutline, m as MdOutlineSave } from '../index-D4PxvJ0z.js';
-import { c as create } from '../react-BLL9qrdY.js';
+import { importShared } from '../__federation_fn_import-CGvRdRVe.js';
+import { j as jsxRuntimeExports, b as useController, u as useFormState, g as get } from '../index.esm-DYWXRkn-.js';
+import { M as MdMoreHoriz, a as MdChevronRight, b as MdChevronLeft, c as MdExpandMore, d as MdCheck, e as MdUnfoldMore, f as MdClose, g as MdSearch, h as MdCalendarMonth, i as MdSchedule, j as MdCircle, k as MdFormatListBulleted, l as MdOutlineErrorOutline, m as MdOutlineSave } from '../index-ydDQKauE.js';
+import { c as create } from '../react-B23vKoD0.js';
 
 /**
  * Type guard to check if a value is not null or undefined.
@@ -4245,7 +4245,7 @@ function assignRef(ref, value) {
     return ref;
 }
 
-const {useState: useState$6} = await importShared('react');
+const {useState: useState$7} = await importShared('react');
 
 /**
  * creates a MutableRef with ref change callback
@@ -4262,7 +4262,7 @@ const {useState: useState$6} = await importShared('react');
  * @returns {MutableRefObject}
  */
 function useCallbackRef(initialValue, callback) {
-    var ref = useState$6(function () { return ({
+    var ref = useState$7(function () { return ({
         // value
         value: initialValue,
         // last callback
@@ -7495,12 +7495,12 @@ const computePosition = (reference, floating, options) => {
 
 const React$M = await importShared('react');
 
-const {useLayoutEffect: useLayoutEffect$1,useEffect: useEffect$4} = await importShared('react');
+const {useLayoutEffect: useLayoutEffect$1,useEffect: useEffect$5} = await importShared('react');
 
 const ReactDOM$3 = await importShared('react-dom');
 
 
-var index = typeof document !== 'undefined' ? useLayoutEffect$1 : useEffect$4;
+var index = typeof document !== 'undefined' ? useLayoutEffect$1 : useEffect$5;
 
 // Fork of `fast-deep-equal` that only does the comparisons we need and compares
 // functions
@@ -20082,7 +20082,7 @@ function getWeeks(months) {
     }, initialWeeks);
 }
 
-const {useState: useState$5} = await importShared('react');
+const {useState: useState$6} = await importShared('react');
 
 /**
  * A custom hook for managing both controlled and uncontrolled component states.
@@ -20107,12 +20107,12 @@ const {useState: useState$5} = await importShared('react');
  *   update the value.
  */
 function useControlledValue(defaultValue, controlledValue) {
-    const [uncontrolledValue, setValue] = useState$5(defaultValue);
+    const [uncontrolledValue, setValue] = useState$6(defaultValue);
     const value = controlledValue === undefined ? uncontrolledValue : controlledValue;
     return [value, setValue];
 }
 
-const {useEffect: useEffect$3} = await importShared('react');
+const {useEffect: useEffect$4} = await importShared('react');
 /**
  * Provides the calendar object to work with the calendar in custom components.
  *
@@ -20129,7 +20129,7 @@ function useCalendar(props, dateLib) {
     const [firstMonth, setFirstMonth] = useControlledValue(initialMonth, 
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : undefined);
-    useEffect$3(() => {
+    useEffect$4(() => {
         const newInitialMonth = getInitialMonth(props, dateLib);
         setFirstMonth(newInitialMonth);
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -20334,7 +20334,7 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
     return getNextFocus(moveBy, moveDir, focusDay, calendarStartMonth, calendarEndMonth, props, dateLib, attempt + 1);
 }
 
-const {useState: useState$4} = await importShared('react');
+const {useState: useState$5} = await importShared('react');
 /**
  * Manages focus behavior for the DayPicker component, including setting,
  * moving, and blurring focus on calendar days.
@@ -20351,9 +20351,9 @@ const {useState: useState$4} = await importShared('react');
  */
 function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
     const { autoFocus } = props;
-    const [lastFocused, setLastFocused] = useState$4();
+    const [lastFocused, setLastFocused] = useState$5();
     const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-    const [focusedDay, setFocused] = useState$4(autoFocus ? focusTarget : undefined);
+    const [focusedDay, setFocused] = useState$5(autoFocus ? focusTarget : undefined);
     const blur = () => {
         setLastFocused(focusedDay);
         setFocused(undefined);
@@ -21319,17 +21319,17 @@ function ColorPickerFieldController({ control, name, ref, ...rest }) {
     return jsxRuntimeExports.jsx(ColorPickerField, { error: error?.message, ...rest, ...fieldProps });
 }
 
-const {useCallback: useCallback$1,useEffect: useEffect$2,useRef: useRef$2,useState: useState$3} = await importShared('react');
+const {useCallback: useCallback$1,useEffect: useEffect$3,useRef: useRef$2,useState: useState$4} = await importShared('react');
 
 function useControlledState(value, setValue, defaultValue) {
   const isControlled = value !== void 0;
   const isControlledRef = useRef$2(isControlled);
   const setValuePropsRef = useRef$2(setValue);
-  const [internalState, setInternalState] = useState$3(defaultValue);
-  useEffect$2(() => {
+  const [internalState, setInternalState] = useState$4(defaultValue);
+  useEffect$3(() => {
     isControlledRef.current = isControlled;
   }, [isControlled]);
-  useEffect$2(() => {
+  useEffect$3(() => {
     setValuePropsRef.current = setValue;
   }, [setValue]);
   const setState = useCallback$1((value2) => {
@@ -21680,7 +21680,7 @@ function useConfirmDialog() {
     };
 }
 
-const {useEffect: useEffect$1,useRef: useRef$1} = await importShared('react');
+const {useEffect: useEffect$2,useRef: useRef$1} = await importShared('react');
 /**
  * A confirm dialog that is placed at the top level of the page
  * enabling the use of the useConfirmDialog hook.
@@ -21691,7 +21691,7 @@ function ConfirmDialog() {
     // We need to store the text content in a ref because the Dialog component
     // will transition to fade so we need to cache the text while we close.
     const textOptionsCached = useRef$1(null);
-    useEffect$1(() => {
+    useEffect$2(() => {
         if (confirmOptions) {
             textOptionsCached.current = {
                 title: confirmOptions.title,
@@ -21721,14 +21721,14 @@ function ConfirmDialog() {
                             }, variant: buttonConfirmVariant, children: buttonConfirmText })] })] }) }));
 }
 
-const {useId: useId$2,useState: useState$2} = await importShared('react');
+const {useId: useId$2,useState: useState$3} = await importShared('react');
 /**
  * Field with label and error states that wraps a Calendar component for single date selection.
  */
 function DatePickerField({ className, wrapperClassName, disabled, placeholder = 'Pick a date', onChange, value, label, error, description, dateFormat = 'PPP', calendarProps, ref, }) {
     const addWrapper = label ?? error ?? description;
     const id = useId$2();
-    const [open, setOpen] = useState$2(false);
+    const [open, setOpen] = useState$3(false);
     // Parse string value to Date for Calendar component
     const dateValue = value ? parseISO(value) : undefined;
     const handleSelect = (date) => {
@@ -21767,14 +21767,14 @@ function Input({ className, type, ...props }) {
     return (jsxRuntimeExports.jsx("input", { type: type, "data-slot": "input", className: cn$1(inputVariants(), className), ...props }));
 }
 
-const {useId: useId$1,useState: useState$1} = await importShared('react');
+const {useId: useId$1,useState: useState$2} = await importShared('react');
 /**
  * Field with label and error states that wraps a Calendar and time input for date-time selection.
  */
 function DateTimePickerField({ className, wrapperClassName, disabled, placeholder = 'Pick date and time', onChange, value, label, error, description, dateTimeFormat = 'PPP pp', showSeconds = false, calendarProps, ref, }) {
     const addWrapper = label ?? error ?? description;
     const id = useId$1();
-    const [open, setOpen] = useState$1(false);
+    const [open, setOpen] = useState$2(false);
     // Parse string value to Date for internal operations
     const dateTimeValue = value ? parseISO(value) : undefined;
     const handleDateSelect = (date) => {
@@ -21925,10 +21925,24 @@ function ErrorDisplay({ className, header, error, actions, }) {
                         : strings.errorDisplayDefaultContent }), actions] }) }));
 }
 
+const {useEffect: useEffect$1,useState: useState$1} = await importShared('react');
 /**
  * Loader component that displays a 3-dot loading animation.
+ * Only shows after the specified delay (default: 300ms) to prevent flashing for quick operations.
  */
-function Loader$1({ className }) {
+function Loader$1({ className, delay = 300 }) {
+    const [isVisible, setIsVisible] = useState$1(false);
+    useEffect$1(() => {
+        const timer = setTimeout(() => {
+            setIsVisible(true);
+        }, delay);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [delay]);
+    if (!isVisible) {
+        return (jsxRuntimeExports.jsx("div", { className: cn$1('flex h-full items-center justify-center', className) }));
+    }
     return (jsxRuntimeExports.jsx("div", { className: cn$1('flex h-full items-center justify-center', className), role: "progressbar", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-2", children: [jsxRuntimeExports.jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground" }), jsxRuntimeExports.jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground delay-300" }), jsxRuntimeExports.jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground delay-[600ms]" })] }) }));
 }
 
@@ -23620,4 +23634,4 @@ function TooltipContent({ className, sideOffset = 0, children, ...props }) {
 }
 
 export { Alert, AlertDescription, AlertTitle, Badge, BadgeWithIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, ButtonGroup, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxField, CheckboxFieldController, CircularProgress, ColorPicker, ColorPickerField, ColorPickerFieldController, Combobox, ComboboxAction, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxFieldController, ComboboxGroup, ComboboxInput, ComboboxItem, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, DatePickerField, DatePickerFieldController, DateTimePickerField, DateTimePickerFieldController, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyDisplay, ErrorDisplay, ErrorableLoader, FormActionBar, FormControl, FormDescription, FormItem, FormLabel, FormMessage, Input, InputField, InputFieldController, Label, Loader$1 as Loader, MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxField, MultiComboboxFieldController, MultiComboboxGroup, MultiComboboxInput, MultiComboboxItem, MultiSwitchField, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NavigationTabs, NavigationTabsItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RecordView, RecordViewActions, RecordViewItem, RecordViewItemList, ScrollArea, ScrollBar, SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, Select, SelectContent, SelectField, SelectFieldController, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar, Switch, SwitchField, SwitchFieldController, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, TextareaFieldController, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn$1 as cn, genericForwardRef, inputVariants, mergeRefs, navigationMenuTriggerStyle, selectCheckVariants, selectContentVariants, selectItemVariants, selectTriggerVariants, toast, useComboboxContext, useConfirmDialog, useControlledState, useControllerMerged, useEventCallback, useFormField, useMultiComboboxContext };
-//# sourceMappingURL=ui-components-BxXhpJ04.js.map
+//# sourceMappingURL=ui-components-X318M5Ml.js.map