@datatechsolutions/ui 2.11.25 → 2.11.27

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.
@@ -6,7 +6,7 @@ import * as Headless6 from '@headlessui/react';
6
6
  import { Button as Button$1, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogBackdrop, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
7
7
  import clsx, { clsx as clsx$1 } from 'clsx';
8
8
  import * as React12 from 'react';
9
- import React12__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment as Fragment$1, useMemo, useContext, Suspense } from 'react';
9
+ import React12__default, { forwardRef, useId, useState, useCallback, createContext, memo, useRef, useEffect, Fragment as Fragment$1, useMemo, useContext, Children, isValidElement, Suspense } from 'react';
10
10
  import { AnimatePresence, motion, useReducedMotion, useMotionValue, useTransform, animate, useInView, useSpring } from 'framer-motion';
11
11
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
12
12
  import { ChevronDownIcon, CheckCircleIcon, EyeSlashIcon, EyeIcon, XMarkIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, EllipsisVerticalIcon, ClipboardDocumentIcon as ClipboardDocumentIcon$1, ArrowDownTrayIcon } from '@heroicons/react/20/solid';
@@ -5530,22 +5530,390 @@ var StatusBadge = forwardRef(function StatusBadge2({ status, label, size = "md",
5530
5530
  }
5531
5531
  );
5532
5532
  });
5533
+ function ProfileIdentityCard({
5534
+ displayName,
5535
+ profileInitial,
5536
+ avatarUrl,
5537
+ email,
5538
+ showEmail,
5539
+ role
5540
+ }) {
5541
+ return /* @__PURE__ */ jsx("div", { className: "rounded-2xl liquid-surface p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
5542
+ /* @__PURE__ */ jsx("div", { className: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500/20 text-indigo-600 dark:text-indigo-300", children: avatarUrl ? (
5543
+ // eslint-disable-next-line @next/next/no-img-element
5544
+ /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })
5545
+ ) : /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: profileInitial }) }),
5546
+ /* @__PURE__ */ jsxs("div", { children: [
5547
+ /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-slate-900 dark:text-white", children: displayName }),
5548
+ showEmail ? /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: email ?? "" }) : null,
5549
+ role ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: role }) : null
5550
+ ] })
5551
+ ] }) });
5552
+ }
5553
+ var SidebarContext = createContext(null);
5554
+ var SIDEBAR_TYPE = /* @__PURE__ */ Symbol("GlassModal.Sidebar");
5555
+ var SECTION_TYPE = /* @__PURE__ */ Symbol("GlassModal.Section");
5556
+ var GROUP_TYPE = /* @__PURE__ */ Symbol("GlassModal.Group");
5557
+ var IDENTITY_TYPE = /* @__PURE__ */ Symbol("GlassModal.Identity");
5558
+ var SIDEBAR_FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.SidebarFooter");
5559
+ var FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.Footer");
5560
+ function Section({ children }) {
5561
+ return /* @__PURE__ */ jsx(Fragment, { children });
5562
+ }
5563
+ Section.__type = SECTION_TYPE;
5564
+ function Group({ children }) {
5565
+ return /* @__PURE__ */ jsx(Fragment, { children });
5566
+ }
5567
+ Group.__type = GROUP_TYPE;
5568
+ function Identity(_props) {
5569
+ return null;
5570
+ }
5571
+ Identity.__type = IDENTITY_TYPE;
5572
+ function SidebarFooterSlot({ children }) {
5573
+ return /* @__PURE__ */ jsx(Fragment, { children });
5574
+ }
5575
+ SidebarFooterSlot.__type = SIDEBAR_FOOTER_TYPE;
5576
+ function Sidebar(_props) {
5577
+ return null;
5578
+ }
5579
+ Sidebar.__type = SIDEBAR_TYPE;
5580
+ function FooterSlot({ children }) {
5581
+ return /* @__PURE__ */ jsx(Fragment, { children });
5582
+ }
5583
+ FooterSlot.__type = FOOTER_TYPE;
5584
+ function isSlotType(child, type) {
5585
+ return child.type?.__type === type;
5586
+ }
5587
+ function findSlot(children, type) {
5588
+ const arr = Children.toArray(children);
5589
+ return arr.find((c) => isValidElement(c) && isSlotType(c, type));
5590
+ }
5591
+ function filterNonSlots(children) {
5592
+ return Children.toArray(children).filter(
5593
+ (c) => !(isValidElement(c) && c.type?.__type)
5594
+ );
5595
+ }
5596
+ var SIZE_CLASSES2 = {
5597
+ sm: "max-w-sm",
5598
+ md: "max-w-md",
5599
+ lg: "max-w-lg",
5600
+ xl: "max-w-xl",
5601
+ "2xl": "max-w-2xl",
5602
+ "3xl": "max-w-3xl",
5603
+ "4xl": "max-w-4xl",
5604
+ "5xl": "max-w-5xl",
5605
+ "6xl": "max-w-6xl",
5606
+ full: "max-w-[90vw]"
5607
+ };
5608
+ function AccentBar({ gradient, className }) {
5609
+ return /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient} ${className ?? ""}` });
5610
+ }
5611
+ function CloseBtn({ onClick, label }) {
5612
+ return /* @__PURE__ */ jsx(
5613
+ "button",
5614
+ {
5615
+ type: "button",
5616
+ onClick,
5617
+ "aria-label": label,
5618
+ "data-testid": "modal-close",
5619
+ className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-white focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
5620
+ children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
5621
+ }
5622
+ );
5623
+ }
5624
+ function SidebarLayout({
5625
+ sidebarElement,
5626
+ gradient,
5627
+ icon,
5628
+ label,
5629
+ title,
5630
+ subtitle,
5631
+ onClose,
5632
+ closeLabel,
5633
+ footer,
5634
+ className
5635
+ }) {
5636
+ const sidebarChildren = sidebarElement.props.children;
5637
+ const defaultSection = sidebarElement.props.defaultSection;
5638
+ const identityEl = findSlot(sidebarChildren, IDENTITY_TYPE);
5639
+ const sidebarFooterEl = findSlot(sidebarChildren, SIDEBAR_FOOTER_TYPE);
5640
+ const sections = [];
5641
+ function collectSections(node, group) {
5642
+ Children.forEach(node, (child) => {
5643
+ if (!isValidElement(child)) return;
5644
+ if (isSlotType(child, GROUP_TYPE)) {
5645
+ const groupProps = child.props;
5646
+ collectSections(groupProps.children, groupProps.label);
5647
+ } else if (isSlotType(child, SECTION_TYPE)) {
5648
+ const sectionProps = child.props;
5649
+ sections.push({
5650
+ id: sectionProps.id,
5651
+ icon: sectionProps.icon,
5652
+ label: sectionProps.label,
5653
+ badge: sectionProps.badge,
5654
+ content: sectionProps.children,
5655
+ group
5656
+ });
5657
+ }
5658
+ });
5659
+ }
5660
+ collectSections(sidebarChildren);
5661
+ const [activeSectionId, setActiveSectionId] = useState(defaultSection ?? sections[0]?.id ?? "");
5662
+ const groups = [];
5663
+ for (const section of sections) {
5664
+ const lastGroup = groups.at(-1);
5665
+ if (!lastGroup || lastGroup.label !== section.group) {
5666
+ groups.push({ label: section.group, items: [section] });
5667
+ } else {
5668
+ lastGroup.items.push(section);
5669
+ }
5670
+ }
5671
+ const activeContent = sections.find((s) => s.id === activeSectionId)?.content;
5672
+ const identityProps = identityEl?.props;
5673
+ return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { activeSectionId, setActiveSectionId }, children: /* @__PURE__ */ jsxs("div", { className: `relative flex h-[min(94vh,920px)] flex-col lg:flex-row ${className}`, children: [
5674
+ /* @__PURE__ */ jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
5675
+ gradient && /* @__PURE__ */ jsx(AccentBar, { gradient, className: "rounded-tl-2xl lg:rounded-tr-none" }),
5676
+ /* @__PURE__ */ jsxs("div", { className: "mb-5 p-5 pb-0 pr-12", children: [
5677
+ icon || label ? /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
5678
+ icon && /* @__PURE__ */ jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${gradient ? `bg-gradient-to-br ${gradient}` : "bg-gradient-to-br from-slate-500 to-gray-600"}`, children: icon }),
5679
+ /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label ?? "Settings" })
5680
+ ] }) : /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
5681
+ /* @__PURE__ */ jsx("h2", { id: "modal-title", className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
5682
+ subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-slate-600 dark:text-slate-400", children: subtitle })
5683
+ ] }),
5684
+ identityProps && /* @__PURE__ */ jsx("div", { className: "px-5", children: /* @__PURE__ */ jsx(
5685
+ ProfileIdentityCard,
5686
+ {
5687
+ displayName: identityProps.name,
5688
+ profileInitial: identityProps.initial ?? identityProps.name.charAt(0).toUpperCase(),
5689
+ avatarUrl: identityProps.avatar,
5690
+ email: identityProps.email,
5691
+ role: identityProps.role,
5692
+ showEmail: identityProps.showEmail ?? true
5693
+ }
5694
+ ) }),
5695
+ /* @__PURE__ */ jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
5696
+ group.label && /* @__PURE__ */ jsx("p", { className: "mb-2 px-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-500", children: group.label }),
5697
+ /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: group.items.map((section) => {
5698
+ const Icon = section.icon;
5699
+ const isActive = activeSectionId === section.id;
5700
+ return /* @__PURE__ */ jsxs(
5701
+ "button",
5702
+ {
5703
+ type: "button",
5704
+ onClick: () => setActiveSectionId(section.id),
5705
+ className: `flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200 ${isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"}`,
5706
+ children: [
5707
+ /* @__PURE__ */ jsx("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-white/50 text-slate-600 shadow-sm backdrop-blur-sm dark:bg-white/[0.08] dark:text-slate-300", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }),
5708
+ /* @__PURE__ */ jsx("span", { className: "flex-1", children: section.label }),
5709
+ section.badge != null && section.badge > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-indigo-100 px-1.5 text-[10px] font-bold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: section.badge })
5710
+ ]
5711
+ },
5712
+ section.id
5713
+ );
5714
+ }) })
5715
+ ] }, group.label ?? group.items.map((s) => s.id).join("-"))) }),
5716
+ sidebarFooterEl && /* @__PURE__ */ jsx("div", { className: "mt-4 px-5", children: sidebarFooterEl.props.children })
5717
+ ] }),
5718
+ /* @__PURE__ */ jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
5719
+ gradient ? /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(AccentBar, { gradient }) }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
5720
+ /* @__PURE__ */ jsx("div", { className: `flex min-h-0 flex-1 flex-col overflow-y-auto px-6 sm:px-8 lg:px-10 ${gradient ? "pt-8" : "pt-16"} ${footer ? "pb-4" : "pb-8 lg:pb-10"}`, children: activeContent }),
5721
+ footer && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 px-6 py-4 dark:border-white/10 sm:px-8 lg:px-10", children: footer })
5722
+ ] }),
5723
+ /* @__PURE__ */ jsx(CloseBtn, { onClick: onClose, label: closeLabel })
5724
+ ] }) });
5725
+ }
5726
+ function PropBasedSidebarLayout({
5727
+ sidebar,
5728
+ gradient,
5729
+ icon,
5730
+ label,
5731
+ title,
5732
+ subtitle,
5733
+ onClose,
5734
+ closeLabel,
5735
+ footer,
5736
+ children
5737
+ }) {
5738
+ const groups = [];
5739
+ for (const section of sidebar.sections) {
5740
+ const lastGroup = groups.at(-1);
5741
+ if (!lastGroup || lastGroup.label !== section.group) {
5742
+ groups.push({ label: section.group, items: [section] });
5743
+ } else {
5744
+ lastGroup.items.push(section);
5745
+ }
5746
+ }
5747
+ return /* @__PURE__ */ jsxs("div", { className: "relative flex h-[min(94vh,920px)] flex-col lg:flex-row", children: [
5748
+ /* @__PURE__ */ jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
5749
+ gradient && /* @__PURE__ */ jsx(AccentBar, { gradient, className: "rounded-tl-2xl lg:rounded-tr-none" }),
5750
+ /* @__PURE__ */ jsxs("div", { className: "mb-5 p-5 pb-0 pr-12", children: [
5751
+ icon || label ? /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
5752
+ icon && /* @__PURE__ */ jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${gradient ? `bg-gradient-to-br ${gradient}` : "bg-gradient-to-br from-slate-500 to-gray-600"}`, children: icon }),
5753
+ /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label ?? "Settings" })
5754
+ ] }) : /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
5755
+ /* @__PURE__ */ jsx("h2", { id: "modal-title", className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
5756
+ subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-slate-600 dark:text-slate-400", children: subtitle })
5757
+ ] }),
5758
+ sidebar.identity && /* @__PURE__ */ jsx("div", { className: "px-5", children: /* @__PURE__ */ jsx(
5759
+ ProfileIdentityCard,
5760
+ {
5761
+ displayName: sidebar.identity.displayName,
5762
+ profileInitial: sidebar.identity.profileInitial,
5763
+ avatarUrl: sidebar.identity.avatarUrl,
5764
+ email: sidebar.identity.email,
5765
+ role: sidebar.identity.role,
5766
+ showEmail: sidebar.identity.showEmail ?? true
5767
+ }
5768
+ ) }),
5769
+ /* @__PURE__ */ jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: groups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
5770
+ group.label && /* @__PURE__ */ jsx("p", { className: "mb-2 px-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-500", children: group.label }),
5771
+ /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: group.items.map((section) => {
5772
+ const Icon = section.icon;
5773
+ const isActive = sidebar.activeSectionId === section.id;
5774
+ return /* @__PURE__ */ jsxs(
5775
+ "button",
5776
+ {
5777
+ type: "button",
5778
+ onClick: () => sidebar.onSectionChange(section.id),
5779
+ className: `flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200 ${isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"}`,
5780
+ children: [
5781
+ /* @__PURE__ */ jsx("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-white/50 text-slate-600 shadow-sm backdrop-blur-sm dark:bg-white/[0.08] dark:text-slate-300", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }),
5782
+ /* @__PURE__ */ jsx("span", { className: "flex-1", children: section.label }),
5783
+ section.badge != null && section.badge > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-indigo-100 px-1.5 text-[10px] font-bold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: section.badge })
5784
+ ]
5785
+ },
5786
+ section.id
5787
+ );
5788
+ }) })
5789
+ ] }, group.label ?? group.items.map((s) => s.id).join("-"))) }),
5790
+ sidebar.footer && /* @__PURE__ */ jsx("div", { className: "mt-4 px-5", children: sidebar.footer })
5791
+ ] }),
5792
+ /* @__PURE__ */ jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
5793
+ gradient ? /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(AccentBar, { gradient }) }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
5794
+ /* @__PURE__ */ jsx("div", { className: `flex min-h-0 flex-1 flex-col overflow-y-auto px-6 sm:px-8 lg:px-10 ${gradient ? "pt-8" : "pt-16"} ${footer ? "pb-4" : "pb-8 lg:pb-10"}`, children }),
5795
+ footer && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 px-6 py-4 dark:border-white/10 sm:px-8 lg:px-10", children: footer })
5796
+ ] }),
5797
+ /* @__PURE__ */ jsx(CloseBtn, { onClick: onClose, label: closeLabel })
5798
+ ] });
5799
+ }
5533
5800
  function GlassModal({
5534
5801
  open,
5535
5802
  onClose,
5803
+ gradient,
5804
+ icon,
5805
+ label,
5806
+ title,
5807
+ subtitle,
5808
+ headerActions,
5536
5809
  children,
5537
- panelClassName = "rounded-[2rem]",
5538
- contentClassName = "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6",
5810
+ footer,
5811
+ onSubmit,
5812
+ showFormFooter,
5813
+ cancelLabel,
5814
+ submitLabel,
5815
+ isLoading = false,
5816
+ submitDisabled = false,
5817
+ sidebar,
5818
+ maxWidth = "4xl",
5819
+ closeLabel = "Close",
5820
+ className = "",
5539
5821
  zIndex = "z-50",
5822
+ panelClassName,
5823
+ contentClassName,
5540
5824
  overlayTestId,
5541
- panelTestId,
5542
- ariaLabelledBy
5825
+ panelTestId
5543
5826
  }) {
5544
- return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": ariaLabelledBy, children: [
5827
+ const hasTitle = !!title;
5828
+ const sidebarElement = Children.toArray(children).find(
5829
+ (c) => isValidElement(c) && isSlotType(c, SIDEBAR_TYPE)
5830
+ );
5831
+ const footerElement = findSlot(children, FOOTER_TYPE);
5832
+ const nonSlotChildren = filterNonSlots(children);
5833
+ const resolvedFooter = footer ?? (footerElement ? footerElement.props.children : void 0) ?? (showFormFooter ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: [
5834
+ /* @__PURE__ */ jsx(Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
5835
+ /* @__PURE__ */ jsx(Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
5836
+ ] }) : void 0);
5837
+ const handleSubmit = useCallback((event) => {
5838
+ event.preventDefault();
5839
+ onSubmit?.(event);
5840
+ }, [onSubmit]);
5841
+ if (!hasTitle) {
5842
+ return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
5843
+ /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
5844
+ /* @__PURE__ */ jsx("div", { className: contentClassName ?? "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6", children: /* @__PURE__ */ jsx(DialogPanel, { className: panelClassName ?? "rounded-2xl", "data-testid": panelTestId, children }) })
5845
+ ] });
5846
+ }
5847
+ if (sidebar && !sidebarElement) {
5848
+ return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
5849
+ /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
5850
+ /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsx(DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsx(
5851
+ PropBasedSidebarLayout,
5852
+ {
5853
+ sidebar,
5854
+ gradient,
5855
+ icon,
5856
+ label,
5857
+ title,
5858
+ subtitle,
5859
+ onClose,
5860
+ closeLabel,
5861
+ footer: resolvedFooter,
5862
+ children: nonSlotChildren
5863
+ }
5864
+ ) }) })
5865
+ ] });
5866
+ }
5867
+ if (sidebarElement) {
5868
+ return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
5869
+ /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
5870
+ /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsx(DialogPanel, { className: `w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsx(
5871
+ SidebarLayout,
5872
+ {
5873
+ sidebarElement,
5874
+ gradient,
5875
+ icon,
5876
+ label,
5877
+ title,
5878
+ subtitle,
5879
+ onClose,
5880
+ closeLabel,
5881
+ footer: resolvedFooter,
5882
+ className: ""
5883
+ }
5884
+ ) }) })
5885
+ ] });
5886
+ }
5887
+ const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
5888
+ gradient && /* @__PURE__ */ jsx(AccentBar, { gradient }),
5889
+ /* @__PURE__ */ jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
5890
+ /* @__PURE__ */ jsx(CloseBtn, { onClick: onClose, label: closeLabel }),
5891
+ (icon || label) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
5892
+ icon,
5893
+ label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
5894
+ ] }),
5895
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 pr-10", children: [
5896
+ /* @__PURE__ */ jsxs("div", { children: [
5897
+ /* @__PURE__ */ jsx("h2", { id: "modal-title", "data-testid": "modal-title", className: "text-xl font-bold text-slate-900 dark:text-white sm:text-2xl", children: title }),
5898
+ subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: subtitle })
5899
+ ] }),
5900
+ headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
5901
+ ] })
5902
+ ] }),
5903
+ /* @__PURE__ */ jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children: nonSlotChildren }),
5904
+ resolvedFooter && /* @__PURE__ */ jsx("div", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: resolvedFooter })
5905
+ ] });
5906
+ return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
5545
5907
  /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
5546
- /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsx(DialogPanel, { className: panelClassName, "data-testid": panelTestId, children }) })
5908
+ /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsx(DialogPanel, { className: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES2[maxWidth]} ${className}`, "data-testid": panelTestId, children: onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: inner }) : inner }) })
5547
5909
  ] });
5548
5910
  }
5911
+ GlassModal.Sidebar = Sidebar;
5912
+ GlassModal.Section = Section;
5913
+ GlassModal.Group = Group;
5914
+ GlassModal.Identity = Identity;
5915
+ GlassModal.SidebarFooter = SidebarFooterSlot;
5916
+ GlassModal.Footer = FooterSlot;
5549
5917
  function Text({ className, ...props }) {
5550
5918
  return /* @__PURE__ */ jsx(
5551
5919
  "p",
@@ -6004,143 +6372,6 @@ function FilterBadge({ count }) {
6004
6372
  function FeedItemCard({ children, className = "" }) {
6005
6373
  return /* @__PURE__ */ jsx("li", { className: `overflow-hidden rounded-2xl border shadow-sm transition-shadow hover:shadow-md ${className}`, children });
6006
6374
  }
6007
- var SIZE_CLASSES2 = {
6008
- sm: "max-w-sm",
6009
- md: "max-w-md",
6010
- lg: "max-w-lg",
6011
- xl: "max-w-xl",
6012
- "2xl": "max-w-2xl",
6013
- "3xl": "max-w-3xl",
6014
- "4xl": "max-w-4xl",
6015
- "5xl": "max-w-5xl",
6016
- "6xl": "max-w-6xl",
6017
- full: "max-w-[90vw]"
6018
- };
6019
- function GlassModalShell({
6020
- open,
6021
- onClose,
6022
- gradient,
6023
- icon,
6024
- label,
6025
- title,
6026
- subtitle,
6027
- headerActions,
6028
- children,
6029
- footer,
6030
- onSubmit,
6031
- maxWidth = "4xl",
6032
- closeLabel = "Close",
6033
- className = "",
6034
- zIndex
6035
- }) {
6036
- const handleSubmit = (event) => {
6037
- event.preventDefault();
6038
- onSubmit?.(event);
6039
- };
6040
- const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
6041
- gradient && /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient}` }),
6042
- /* @__PURE__ */ jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
6043
- /* @__PURE__ */ jsx(
6044
- "button",
6045
- {
6046
- type: "button",
6047
- onClick: onClose,
6048
- "aria-label": closeLabel,
6049
- "data-testid": "modal-close",
6050
- className: "absolute right-4 top-4 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-white focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
6051
- children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
6052
- }
6053
- ),
6054
- (icon || label) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
6055
- icon,
6056
- label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
6057
- ] }),
6058
- /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 pr-10", children: [
6059
- /* @__PURE__ */ jsxs("div", { children: [
6060
- /* @__PURE__ */ jsx("h2", { id: "modal-title", "data-testid": "modal-title", className: "text-xl font-bold text-slate-900 dark:text-white sm:text-2xl", children: title }),
6061
- subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: subtitle })
6062
- ] }),
6063
- headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
6064
- ] })
6065
- ] }),
6066
- /* @__PURE__ */ jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children }),
6067
- footer && /* @__PURE__ */ jsx("div", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: footer })
6068
- ] });
6069
- return /* @__PURE__ */ jsx(
6070
- GlassModal,
6071
- {
6072
- open,
6073
- onClose,
6074
- contentClassName: "fixed inset-0 overflow-y-auto p-3 sm:p-6",
6075
- panelClassName: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES2[maxWidth]} ${className}`,
6076
- ariaLabelledBy: "modal-title",
6077
- zIndex,
6078
- overlayTestId: "modal-overlay",
6079
- panelTestId: "modal-panel",
6080
- children: onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: inner }) : inner
6081
- }
6082
- );
6083
- }
6084
- function GlassFormModal({
6085
- open,
6086
- onClose,
6087
- title,
6088
- subtitle,
6089
- icon,
6090
- children,
6091
- maxWidth = "4xl",
6092
- onSubmit,
6093
- footer,
6094
- showFooter = true,
6095
- cancelLabel,
6096
- submitLabel,
6097
- isLoading = false,
6098
- submitDisabled = false,
6099
- gradient
6100
- }) {
6101
- const defaultFooter = showFooter ? /* @__PURE__ */ jsx("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: footer || /* @__PURE__ */ jsxs(Fragment, { children: [
6102
- /* @__PURE__ */ jsx(
6103
- Button,
6104
- {
6105
- type: "button",
6106
- onClick: onClose,
6107
- disabled: isLoading,
6108
- outline: true,
6109
- className: "w-full sm:w-auto",
6110
- "data-testid": "form-modal-cancel",
6111
- children: cancelLabel
6112
- }
6113
- ),
6114
- /* @__PURE__ */ jsx(
6115
- Button,
6116
- {
6117
- type: "submit",
6118
- disabled: submitDisabled,
6119
- loading: isLoading,
6120
- loadingText: submitLabel,
6121
- color: "ios-glass-blue",
6122
- className: "w-full sm:w-auto",
6123
- "data-testid": "form-modal-submit",
6124
- children: submitLabel
6125
- }
6126
- )
6127
- ] }) }) : void 0;
6128
- return /* @__PURE__ */ jsx("div", { "data-testid": "form-modal", role: "dialog", "aria-modal": "true", "aria-label": title, children: /* @__PURE__ */ jsx(
6129
- GlassModalShell,
6130
- {
6131
- open,
6132
- onClose,
6133
- title,
6134
- subtitle,
6135
- icon,
6136
- gradient,
6137
- maxWidth,
6138
- onSubmit,
6139
- footer: defaultFooter,
6140
- children
6141
- }
6142
- ) });
6143
- }
6144
6375
  function ContextMenu({
6145
6376
  position,
6146
6377
  onClose,
@@ -10224,189 +10455,6 @@ function PreferenceSection({
10224
10455
  children
10225
10456
  ] });
10226
10457
  }
10227
- function ProfileIdentityCard({
10228
- displayName,
10229
- profileInitial,
10230
- avatarUrl,
10231
- email,
10232
- showEmail,
10233
- role
10234
- }) {
10235
- return /* @__PURE__ */ jsx("div", { className: "rounded-2xl liquid-surface p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
10236
- /* @__PURE__ */ jsx("div", { className: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500/20 text-indigo-600 dark:text-indigo-300", children: avatarUrl ? (
10237
- // eslint-disable-next-line @next/next/no-img-element
10238
- /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })
10239
- ) : /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: profileInitial }) }),
10240
- /* @__PURE__ */ jsxs("div", { children: [
10241
- /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-slate-900 dark:text-white", children: displayName }),
10242
- showEmail ? /* @__PURE__ */ jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: email ?? "" }) : null,
10243
- role ? /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: role }) : null
10244
- ] })
10245
- ] }) });
10246
- }
10247
- function GlassSidebarModal({
10248
- open,
10249
- onClose,
10250
- title,
10251
- subtitle,
10252
- gradient,
10253
- icon,
10254
- label,
10255
- sections,
10256
- activeSectionId,
10257
- onSectionChange,
10258
- children,
10259
- closeLabel = "Close",
10260
- identity,
10261
- sidebarFooter,
10262
- footer
10263
- }) {
10264
- const sectionGroups = sections.reduce((groups, section) => {
10265
- const currentGroup = groups.at(-1);
10266
- if (!currentGroup || currentGroup.label !== section.group) {
10267
- groups.push({
10268
- label: section.group,
10269
- sections: [section]
10270
- });
10271
- return groups;
10272
- }
10273
- currentGroup.sections.push(section);
10274
- return groups;
10275
- }, []);
10276
- return /* @__PURE__ */ jsx(
10277
- GlassModal,
10278
- {
10279
- open,
10280
- onClose,
10281
- contentClassName: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6",
10282
- panelClassName: "w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)]",
10283
- ariaLabelledBy: "settings-dialog-title",
10284
- children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-[min(94vh,920px)] flex-col lg:flex-row", children: [
10285
- /* @__PURE__ */ jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
10286
- gradient ? /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full rounded-tl-2xl bg-gradient-to-r ${gradient} lg:rounded-tr-none` }) : null,
10287
- /* @__PURE__ */ jsx("div", { className: "absolute inset-x-5 top-0 h-px bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/12", style: gradient ? { top: "6px" } : void 0 }),
10288
- /* @__PURE__ */ jsxs("div", { className: "mb-5 p-5 pb-0 pr-12", children: [
10289
- icon || label ? /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
10290
- icon ? /* @__PURE__ */ jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${gradient ? `bg-gradient-to-br ${gradient}` : "bg-gradient-to-br from-slate-500 to-gray-600"}`, children: icon }) : null,
10291
- label ? /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label }) : /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" })
10292
- ] }) : /* @__PURE__ */ jsx("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
10293
- /* @__PURE__ */ jsx("h2", { id: "settings-dialog-title", className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
10294
- subtitle ? /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-slate-600 dark:text-slate-400", children: subtitle }) : null
10295
- ] }),
10296
- identity ? /* @__PURE__ */ jsx("div", { className: "px-5", children: /* @__PURE__ */ jsx(
10297
- ProfileIdentityCard,
10298
- {
10299
- displayName: identity.displayName,
10300
- profileInitial: identity.profileInitial,
10301
- avatarUrl: identity.avatarUrl,
10302
- email: identity.email,
10303
- role: identity.role,
10304
- showEmail: identity.showEmail ?? true
10305
- }
10306
- ) }) : null,
10307
- /* @__PURE__ */ jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: sectionGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
10308
- group.label ? /* @__PURE__ */ jsx("p", { className: "mb-2 px-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-500", children: group.label }) : null,
10309
- /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: group.sections.map((section) => {
10310
- const Icon = section.icon;
10311
- const isActive = activeSectionId === section.id;
10312
- return /* @__PURE__ */ jsxs(
10313
- "button",
10314
- {
10315
- type: "button",
10316
- onClick: () => onSectionChange(section.id),
10317
- className: [
10318
- "flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200",
10319
- isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"
10320
- ].join(" "),
10321
- children: [
10322
- /* @__PURE__ */ jsx("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-white/50 text-slate-600 shadow-sm backdrop-blur-sm dark:bg-white/[0.08] dark:text-slate-300", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }),
10323
- /* @__PURE__ */ jsx("span", { className: "flex-1", children: section.label }),
10324
- section.badge != null && section.badge > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-indigo-100 px-1.5 text-[10px] font-bold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: section.badge })
10325
- ]
10326
- },
10327
- section.id
10328
- );
10329
- }) })
10330
- ] }, group.label ?? group.sections.map((section) => section.id).join("-"))) }),
10331
- sidebarFooter ? /* @__PURE__ */ jsx("div", { className: "mt-4 px-5", children: sidebarFooter }) : null
10332
- ] }),
10333
- /* @__PURE__ */ jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
10334
- gradient ? /* @__PURE__ */ jsx("div", { className: `hidden lg:block h-1.5 w-full bg-gradient-to-r ${gradient}` }) : /* @__PURE__ */ jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
10335
- /* @__PURE__ */ jsx("div", { className: `flex min-h-0 flex-1 flex-col overflow-y-auto px-6 sm:px-8 lg:px-10 ${gradient ? "pt-8" : "pt-16"} ${footer ? "pb-4" : "pb-8 lg:pb-10"}`, children }),
10336
- footer ? /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 px-6 py-4 dark:border-white/10 sm:px-8 lg:px-10", children: footer }) : null
10337
- ] }),
10338
- /* @__PURE__ */ jsx(
10339
- "button",
10340
- {
10341
- type: "button",
10342
- onClick: onClose,
10343
- "aria-label": closeLabel,
10344
- className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-white focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
10345
- children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
10346
- }
10347
- )
10348
- ] })
10349
- }
10350
- );
10351
- }
10352
- function GlassDetailModal({
10353
- open,
10354
- onClose,
10355
- gradient,
10356
- icon,
10357
- label,
10358
- title,
10359
- subtitle,
10360
- headerActions,
10361
- sections,
10362
- defaultSection,
10363
- maxWidth = "5xl",
10364
- footer
10365
- }) {
10366
- const [activeSection, setActiveSection] = useState(
10367
- defaultSection ?? sections[0]?.id ?? ""
10368
- );
10369
- const activeContent = sections.find((s) => s.id === activeSection)?.content;
10370
- return /* @__PURE__ */ jsx(
10371
- GlassModalShell,
10372
- {
10373
- open,
10374
- onClose,
10375
- gradient,
10376
- icon,
10377
- label,
10378
- title,
10379
- subtitle,
10380
- headerActions,
10381
- maxWidth,
10382
- footer,
10383
- children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-[50vh]", children: [
10384
- /* @__PURE__ */ jsx("nav", { className: "w-48 shrink-0 border-r border-white/10 pr-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: sections.map((section) => {
10385
- const isActive = section.id === activeSection;
10386
- return /* @__PURE__ */ jsxs(
10387
- "button",
10388
- {
10389
- type: "button",
10390
- onClick: () => setActiveSection(section.id),
10391
- className: `
10392
- flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-[13px]
10393
- transition-all duration-150
10394
- ${isActive ? "bg-white/10 text-white font-medium" : "text-slate-400 hover:bg-white/5 hover:text-slate-200"}
10395
- `,
10396
- children: [
10397
- /* @__PURE__ */ jsx("span", { className: `shrink-0 ${isActive ? "text-blue-400" : "text-slate-500"}`, children: section.icon }),
10398
- /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: section.label }),
10399
- section.badge
10400
- ]
10401
- },
10402
- section.id
10403
- );
10404
- }) }) }),
10405
- /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto pl-6", children: activeContent })
10406
- ] })
10407
- }
10408
- );
10409
- }
10410
10458
  function Fieldset2({
10411
10459
  className,
10412
10460
  ...props
@@ -10950,18 +10998,19 @@ function SettingsModal({
10950
10998
  signOut.label
10951
10999
  ] }) : sidebarFooter;
10952
11000
  return /* @__PURE__ */ jsx(
10953
- GlassSidebarModal,
11001
+ GlassModal,
10954
11002
  {
10955
11003
  open,
10956
11004
  onClose,
10957
11005
  title,
10958
11006
  subtitle,
10959
- sections: dialogSections,
10960
- activeSectionId,
10961
- onSectionChange: handleSectionChange,
10962
- closeLabel,
10963
- identity,
10964
- sidebarFooter: footer,
11007
+ sidebar: {
11008
+ sections: dialogSections,
11009
+ activeSectionId,
11010
+ onSectionChange: handleSectionChange,
11011
+ identity,
11012
+ footer
11013
+ },
10965
11014
  children: renderContent()
10966
11015
  }
10967
11016
  );
@@ -20094,6 +20143,6 @@ function SkipToContent({
20094
20143
  );
20095
20144
  }
20096
20145
 
20097
- export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActionMenu, ActionSheet, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardActionMenu, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DE_THEME_CONFIG, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassDetailModal, GlassFormModal, GlassModal, GlassModalShell, GlassSidebarModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, RoleBadge, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
20098
- //# sourceMappingURL=chunk-FHW6PJ4E.mjs.map
20099
- //# sourceMappingURL=chunk-FHW6PJ4E.mjs.map
20146
+ export { ARGENTINA_ACCENT_MAP, ARGENTINA_MACRO_REGIONS, ARGENTINA_MAP_CENTER, ARGENTINA_PROVINCE_COORDINATES, ARGENTINA_PROVINCE_PALETTES, AR_THEME_CONFIG, AUSTRALIA_ACCENT_MAP, AUSTRALIA_MACRO_REGIONS, AUSTRALIA_MAP_CENTER, AUSTRALIA_STATE_COORDINATES, AUSTRALIA_STATE_PALETTES, AU_THEME_CONFIG, ActionMenu, ActionSheet, ActiveFilterChips, AgentAnalysisCard, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, CANADA_ACCENT_MAP, CANADA_MACRO_REGIONS, CANADA_MAP_CENTER, CANADA_PROVINCE_COORDINATES, CANADA_PROVINCE_PALETTES, CA_THEME_CONFIG, CHILE_ACCENT_MAP, CHILE_MACRO_REGIONS, CHILE_MAP_CENTER, CHILE_REGION_COORDINATES, CHILE_REGION_PALETTES, CL_THEME_CONFIG, COLOMBIA_ACCENT_MAP, COLOMBIA_DEPARTMENT_COORDINATES, COLOMBIA_DEPARTMENT_PALETTES, COLOMBIA_MACRO_REGIONS, COLOMBIA_MAP_CENTER, CO_THEME_CONFIG, Card, CardActionMenu, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DE_THEME_CONFIG, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EGYPT_ACCENT_MAP, EGYPT_GOVERNORATE_COORDINATES, EGYPT_GOVERNORATE_PALETTES, EGYPT_MACRO_REGIONS, EGYPT_MAP_CENTER, EG_THEME_CONFIG, ES_THEME_CONFIG, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FRANCE_ACCENT_MAP, FRANCE_MACRO_REGIONS, FRANCE_MAP_CENTER, FRANCE_REGION_COORDINATES, FRANCE_REGION_PALETTES, FR_THEME_CONFIG, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GB_THEME_CONFIG, GERMANY_ACCENT_MAP, GERMANY_MACRO_REGIONS, GERMANY_MAP_CENTER, GERMANY_STATE_COORDINATES, GERMANY_STATE_PALETTES, GeoMapCanvas, GeoMapLegend, GlassModal, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, ID_THEME_CONFIG, INDIA_ACCENT_MAP, INDIA_MACRO_REGIONS, INDIA_MAP_CENTER, INDIA_STATE_COORDINATES, INDIA_STATE_PALETTES, INDONESIA_ACCENT_MAP, INDONESIA_MACRO_REGIONS, INDONESIA_MAP_CENTER, INDONESIA_PROVINCE_COORDINATES, INDONESIA_PROVINCE_PALETTES, IN_THEME_CONFIG, ITALY_ACCENT_MAP, ITALY_MACRO_REGIONS, ITALY_MAP_CENTER, ITALY_REGION_COORDINATES, ITALY_REGION_PALETTES, IT_THEME_CONFIG, IconButton, ImageUpload, InfoPopover, InlineForm, InlineSpinner, Input, InteractiveGeoMap, ItemSummary, JAPAN_ACCENT_MAP, JAPAN_MACRO_REGIONS, JAPAN_MAP_CENTER, JAPAN_PREFECTURE_COORDINATES, JAPAN_PREFECTURE_PALETTES, JP_THEME_CONFIG, KORI_ERP_LOADER, KR_THEME_CONFIG, LOCALE_FLAGS, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, MEXICO_ACCENT_MAP, MEXICO_MACRO_REGIONS, MEXICO_MAP_CENTER, MEXICO_STATE_COORDINATES, MEXICO_STATE_PALETTES, MX_THEME_CONFIG, ManagementPageLayout, ManagementSurface, MapZoomControls, MarketPricesCard, MetricCard, MonthPicker, MultiColumnPicker, NETHERLANDS_ACCENT_MAP, NETHERLANDS_MACRO_REGIONS, NETHERLANDS_MAP_CENTER, NETHERLANDS_PROVINCE_COORDINATES, NETHERLANDS_PROVINCE_PALETTES, NEW_ZEALAND_ACCENT_MAP, NEW_ZEALAND_MACRO_REGIONS, NEW_ZEALAND_MAP_CENTER, NEW_ZEALAND_REGION_COORDINATES, NEW_ZEALAND_REGION_PALETTES, NG_THEME_CONFIG, NIGERIA_ACCENT_MAP, NIGERIA_MACRO_REGIONS, NIGERIA_MAP_CENTER, NIGERIA_STATE_COORDINATES, NIGERIA_STATE_PALETTES, NL_THEME_CONFIG, NORWAY_ACCENT_MAP, NORWAY_COUNTY_COORDINATES, NORWAY_COUNTY_PALETTES, NORWAY_MACRO_REGIONS, NORWAY_MAP_CENTER, NO_THEME_CONFIG, NZ_THEME_CONFIG, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PERU_ACCENT_MAP, PERU_DEPARTMENT_COORDINATES, PERU_DEPARTMENT_PALETTES, PERU_MACRO_REGIONS, PERU_MAP_CENTER, PE_THEME_CONFIG, PHILIPPINES_ACCENT_MAP, PHILIPPINES_MACRO_REGIONS, PHILIPPINES_MAP_CENTER, PHILIPPINES_PROVINCE_COORDINATES, PHILIPPINES_PROVINCE_PALETTES, PH_THEME_CONFIG, PL_THEME_CONFIG, POLAND_ACCENT_MAP, POLAND_MACRO_REGIONS, POLAND_MAP_CENTER, POLAND_VOIVODESHIP_COORDINATES, POLAND_VOIVODESHIP_PALETTES, PORTUGAL_ACCENT_MAP, PORTUGAL_DISTRICT_COORDINATES, PORTUGAL_DISTRICT_PALETTES, PORTUGAL_MACRO_REGIONS, PORTUGAL_MAP_CENTER, PT_THEME_CONFIG, PageEmptyState, PageErrorState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RecommendationCard, RegionFilterSkeleton, RoleBadge, SE_THEME_CONFIG, SOUTH_AFRICA_ACCENT_MAP, SOUTH_AFRICA_MACRO_REGIONS, SOUTH_AFRICA_MAP_CENTER, SOUTH_AFRICA_PROVINCE_COORDINATES, SOUTH_AFRICA_PROVINCE_PALETTES, SOUTH_KOREA_ACCENT_MAP, SOUTH_KOREA_MACRO_REGIONS, SOUTH_KOREA_MAP_CENTER, SOUTH_KOREA_PROVINCE_COORDINATES, SOUTH_KOREA_PROVINCE_PALETTES, SPAIN_ACCENT_MAP, SPAIN_MACRO_REGIONS, SPAIN_MAP_CENTER, SPAIN_PROVINCE_COORDINATES, SPAIN_PROVINCE_PALETTES, SWEDEN_ACCENT_MAP, SWEDEN_COUNTY_COORDINATES, SWEDEN_COUNTY_PALETTES, SWEDEN_MACRO_REGIONS, SWEDEN_MAP_CENTER, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsModal, Sheet, SkipToContent, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, THAILAND_ACCENT_MAP, THAILAND_MACRO_REGIONS, THAILAND_MAP_CENTER, THAILAND_PROVINCE_COORDINATES, THAILAND_PROVINCE_PALETTES, TH_THEME_CONFIG, TR_THEME_CONFIG, TURKEY_ACCENT_MAP, TURKEY_MACRO_REGIONS, TURKEY_MAP_CENTER, TURKEY_PROVINCE_COORDINATES, TURKEY_PROVINCE_PALETTES, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, UK_ACCENT_MAP, UK_MACRO_REGIONS, UK_MAP_CENTER, UK_NATION_COORDINATES, UK_NATION_PALETTES, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, ZA_THEME_CONFIG, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatAddress, formatCurrency, formatCurrency2, formatDate, formatPercentage, getAllCountries, getArgentinaAccent, getArgentinaColors, getArgentinaFlagUrl, getArgentinaGradient, getArgentinaHexColor, getArgentinaPalette, getAustraliaAccent, getAustraliaColors, getAustraliaFlagUrl, getAustraliaGradient, getAustraliaHexColor, getAustraliaPalette, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getCanadaAccent, getCanadaColors, getCanadaFlagUrl, getCanadaGradient, getCanadaHexColor, getCanadaPalette, getChileAccent, getChileColors, getChileFlagUrl, getChileGradient, getChileHexColor, getChilePalette, getColombiaAccent, getColombiaColors, getColombiaFlagUrl, getColombiaGradient, getColombiaHexColor, getColombiaPalette, getCountryConfig, getEgyptAccent, getEgyptColors, getEgyptFlagUrl, getEgyptGradient, getEgyptHexColor, getEgyptPalette, getFranceAccent, getFranceColors, getFranceFlagUrl, getFranceGradient, getFranceHexColor, getFrancePalette, getGermanyAccent, getGermanyColors, getGermanyFlagUrl, getGermanyGradient, getGermanyHexColor, getGermanyPalette, getIndiaAccent, getIndiaColors, getIndiaFlagUrl, getIndiaGradient, getIndiaHexColor, getIndiaPalette, getIndonesiaAccent, getIndonesiaColors, getIndonesiaFlagUrl, getIndonesiaGradient, getIndonesiaHexColor, getIndonesiaPalette, getItalyAccent, getItalyColors, getItalyFlagUrl, getItalyGradient, getItalyHexColor, getItalyPalette, getJapanAccent, getJapanColors, getJapanFlagUrl, getJapanGradient, getJapanHexColor, getJapanPalette, getMexicoAccent, getMexicoColors, getMexicoFlagUrl, getMexicoGradient, getMexicoHexColor, getMexicoPalette, getNetherlandsAccent, getNetherlandsColors, getNetherlandsFlagUrl, getNetherlandsGradient, getNetherlandsHexColor, getNetherlandsPalette, getNewZealandAccent, getNewZealandColors, getNewZealandFlagUrl, getNewZealandGradient, getNewZealandHexColor, getNewZealandPalette, getNigeriaAccent, getNigeriaColors, getNigeriaFlagUrl, getNigeriaGradient, getNigeriaHexColor, getNigeriaPalette, getNorwayAccent, getNorwayColors, getNorwayFlagUrl, getNorwayGradient, getNorwayHexColor, getNorwayPalette, getPeruAccent, getPeruColors, getPeruFlagUrl, getPeruGradient, getPeruHexColor, getPeruPalette, getPhilippinesAccent, getPhilippinesColors, getPhilippinesFlagUrl, getPhilippinesGradient, getPhilippinesHexColor, getPhilippinesPalette, getPolandAccent, getPolandColors, getPolandFlagUrl, getPolandGradient, getPolandHexColor, getPolandPalette, getPortugalAccent, getPortugalColors, getPortugalFlagUrl, getPortugalGradient, getPortugalHexColor, getPortugalPalette, getSouthAfricaAccent, getSouthAfricaColors, getSouthAfricaFlagUrl, getSouthAfricaGradient, getSouthAfricaHexColor, getSouthAfricaPalette, getSouthKoreaAccent, getSouthKoreaColors, getSouthKoreaFlagUrl, getSouthKoreaGradient, getSouthKoreaHexColor, getSouthKoreaPalette, getSpainAccent, getSpainColors, getSpainFlagUrl, getSpainGradient, getSpainHexColor, getSpainPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getSwedenAccent, getSwedenColors, getSwedenFlagUrl, getSwedenGradient, getSwedenHexColor, getSwedenPalette, getThailandAccent, getThailandColors, getThailandFlagUrl, getThailandGradient, getThailandHexColor, getThailandPalette, getTransition, getTurkeyAccent, getTurkeyColors, getTurkeyFlagUrl, getTurkeyGradient, getTurkeyHexColor, getTurkeyPalette, getUKAccent, getUKColors, getUKFlagUrl, getUKGradient, getUKHexColor, getUKPalette, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidArgentinaProvince, isValidAustraliaState, isValidBrazilState, isValidCanadaProvince, isValidChileRegion, isValidColombiaDepartment, isValidEgyptGovernorate, isValidFranceRegion, isValidGermanyState, isValidIndiaState, isValidIndonesiaProvince, isValidItalyRegion, isValidJapanPrefecture, isValidMexicoState, isValidNetherlandsProvince, isValidNewZealandRegion, isValidNigeriaState, isValidNorwayCounty, isValidPeruDepartment, isValidPhilippinesProvince, isValidPolandVoivodeship, isValidPortugalDistrict, isValidSouthAfricaProvince, isValidSouthKoreaProvince, isValidSpainProvince, isValidSubdivision, isValidSwedenCounty, isValidThailandProvince, isValidTurkeyProvince, isValidUKNation, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerCountry, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
20147
+ //# sourceMappingURL=chunk-NS6EPZOO.mjs.map
20148
+ //# sourceMappingURL=chunk-NS6EPZOO.mjs.map