@baseplate-dev/plugin-auth 1.0.4 → 1.0.6

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

@@ -1,7 +1,7 @@
-import { importShared } from '../__federation_fn_import-CpGU4emr.js';
-import { j as jsxRuntimeExports, b as useController, u as useFormState, g as get } from '../index.esm-Erws1yaL.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-47TZ-Oc4.js';
-import { c as create } from '../react-CIaEd3xM.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.
@@ -12,47 +12,6 @@ function notEmpty(value) {
 
 function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
 
-const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-const cx = clsx;
-const cva = (base, config)=>(props)=>{
-        var _config_compoundVariants;
-        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-        const { variants, defaultVariants } = config;
-        const getVariantClassNames = Object.keys(variants).map((variant)=>{
-            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-            if (variantProp === null) return null;
-            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-            return variants[variant][variantKey];
-        });
-        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
-            let [key, value] = param;
-            if (value === undefined) {
-                return acc;
-            }
-            acc[key] = value;
-            return acc;
-        }, {});
-        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
-            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-            return Object.entries(compoundVariantOptions).every((param)=>{
-                let [key, value] = param;
-                return Array.isArray(value) ? value.includes({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                }[key]) : ({
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                })[key] === value;
-            }) ? [
-                ...acc,
-                cvClass,
-                cvClassName
-            ] : acc;
-        }, []);
-        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-    };
-
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = config => {
   const classMap = createClassMap(config);
@@ -3052,6 +3011,65 @@ function mergeRefs(...refs) {
     };
 }
 
+/**
+ * Displays a 2 column layout with a sidebar and content.
+ */
+function SidebarLayout({ className, children, }) {
+    return jsxRuntimeExports.jsx("div", { className: clsx('flex h-full', className), children: children });
+}
+function SidebarLayoutSidebar({ className, children, width = 'md', noPadding, }) {
+    return (jsxRuntimeExports.jsx("aside", { className: cn$1('sticky shrink-0 overflow-y-auto border-r border-border', {
+            'w-64': width === 'sm',
+            'w-72': width === 'md',
+            'w-96': width === 'lg',
+            'p-4': !noPadding,
+        }, className), children: children }));
+}
+function SidebarLayoutContent({ className, children, }) {
+    return (jsxRuntimeExports.jsx("div", { className: cn$1('w-full flex-auto overflow-y-auto', className), children: children }));
+}
+
+const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config)=>(props)=>{
+        var _config_compoundVariants;
+        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+        const { variants, defaultVariants } = config;
+        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+            if (variantProp === null) return null;
+            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+            return variants[variant][variantKey];
+        });
+        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
+            let [key, value] = param;
+            if (value === undefined) {
+                return acc;
+            }
+            acc[key] = value;
+            return acc;
+        }, {});
+        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
+            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+            return Object.entries(compoundVariantOptions).every((param)=>{
+                let [key, value] = param;
+                return Array.isArray(value) ? value.includes({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                }[key]) : ({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                })[key] === value;
+            }) ? [
+                ...acc,
+                cvClass,
+                cvClassName
+            ] : acc;
+        }, []);
+        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+    };
+
 const alertVariants = cva('relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border bg-surface px-4 py-3 text-sm text-surface-foreground has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', {
     variants: {
         variant: {
@@ -4227,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
@@ -4244,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
@@ -7477,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
@@ -20064,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.
@@ -20089,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.
  *
@@ -20111,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
@@ -20316,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.
@@ -20333,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);
@@ -21301,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) => {
@@ -21662,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.
@@ -21673,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,
@@ -21703,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) => {
@@ -21749,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) => {
@@ -21907,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]" })] }) }));
 }
 
@@ -22373,24 +22405,6 @@ function SheetDescription({ className, ...props }) {
     return (jsxRuntimeExports.jsx(Description, { "data-slot": "sheet-description", className: cn$1('text-sm text-muted-foreground', className), ...props }));
 }
 
-/**
- * Displays a 2 column layout with a sidebar and content.
- */
-function SidebarLayout({ className, children, }) {
-    return jsxRuntimeExports.jsx("div", { className: clsx('flex h-full', className), children: children });
-}
-function SidebarLayoutSidebar({ className, children, width = 'md', noPadding, }) {
-    return (jsxRuntimeExports.jsx("aside", { className: cn$1('sticky shrink-0 overflow-y-auto border-r border-border', {
-            'w-64': width === 'sm',
-            'w-72': width === 'md',
-            'w-96': width === 'lg',
-            'p-4': !noPadding,
-        }, className), children: children }));
-}
-function SidebarLayoutContent({ className, children, }) {
-    return (jsxRuntimeExports.jsx("div", { className: cn$1('w-full flex-auto overflow-y-auto', className), children: children }));
-}
-
 /**
  * A responsive table component.
  *
@@ -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-ClpdcB7_.js.map
+//# sourceMappingURL=ui-components-X318M5Ml.js.map