@s-works/s-works-ui 0.0.1 → 0.0.2

package/esm/standard/index.mjs

@@ -38,19 +38,19 @@ function resolveButtonProps(props = {}) {
   const definedProps = Object.fromEntries(Object.entries(props).filter(([, value]) => value !== void 0));
   const standardColor = color === void 0 || color === "blue" || color === "blue.8";
   const standardVariant = ["filled", "outline", "light", "subtle"].includes(variant);
-  const palette = standardColor && standardVariant;
+  const palette2 = standardColor && standardVariant;
   return {
     ff: "PingFang SC, sans-serif",
     fw: 400,
     radius: buttonRadiusProps[size] ?? 6,
     ...buttonSizeProps[size],
-    ...palette ? { bd: 0 } : {},
-    ...palette && variant === "filled" ? { c: "#ffffff" } : {},
-    ...palette && (variant === "outline" || variant === "subtle") ? { bg: "#ffffff" } : {},
+    ...palette2 ? { bd: 0 } : {},
+    ...palette2 && variant === "filled" ? { c: "#ffffff" } : {},
+    ...palette2 && (variant === "outline" || variant === "subtle") ? { bg: "#ffffff" } : {},
     ...definedProps,
     size,
     variant,
-    color: palette ? variant === "light" || color === void 0 ? "#262626" : "#165dff" : color
+    color: palette2 ? variant === "light" || color === void 0 ? "#262626" : "#165dff" : color
   };
 }
 var buttonClassNames = {
@@ -109,6 +109,2633 @@ var ButtonRoot = forwardRef(({ classNames, ...props }, ref) => /* @__PURE__ */ j
 } }));
 ButtonRoot.displayName = "SWorks/Button";
 var Button = createPolymorphicComponent(ButtonRoot);
+
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+import { forwardRef as forwardRef2 } from "react";
+import cx2 from "clsx";
+import { Breadcrumbs as MantineBreadcrumbs } from "@s-works/s-works-ui/core";
+
+// src/components/Breadcrumbs/useBreadcrumbItems.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function useBreadcrumbItems(items, collapse = true, resetKey) {
+  const [expanded, setExpanded] = useState(false);
+  const [previousKey, setPreviousKey] = useState(resetKey);
+  if (previousKey !== resetKey) {
+    setPreviousKey(resetKey);
+    setExpanded(false);
+  }
+  const firstHidden = useRef(null);
+  useEffect(() => {
+    if (expanded)
+      firstHidden.current?.focus();
+  }, [expanded]);
+  const indexes = collapse && !expanded && items.length > 4 ? [0, 1, "ellipsis", items.length - 2, items.length - 1] : items.map((_, index) => index);
+  return indexes.map((index) => {
+    if (index === "ellipsis") {
+      return /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": "\u5C55\u5F00\u9690\u85CF\u8DEF\u5F84", "aria-expanded": false, onClick: () => setExpanded(true), children: "..." }, "ellipsis");
+    }
+    const item = items[index];
+    if (index === items.length - 1) {
+      return /* @__PURE__ */ jsx2("span", { "aria-current": "page", children: item.label }, index);
+    }
+    return item.href ? /* @__PURE__ */ jsx2("a", { ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, href: item.href, onClick: item.onClick, children: item.label }, index) : item.onClick ? /* @__PURE__ */ jsx2("button", { type: "button", ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, onClick: item.onClick, children: item.label }, index) : /* @__PURE__ */ jsx2("span", { tabIndex: index === 2 ? -1 : void 0, ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, children: item.label }, index);
+  });
+}
+
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var breadcrumbsClassNames = {
+  root: "sw:[font-family:PingFang_SC,sans-serif] sw:min-h-[24px] sw:w-max sw:max-w-full sw:flex-nowrap sw:overflow-x-auto sw:tracking-[0px] sw:text-[14px] sw:leading-[24px]",
+  breadcrumb: "sw:inline-flex sw:h-[24px] sw:shrink-0 sw:items-center sw:border-0 sw:bg-transparent sw:p-0 sw:text-[14px] sw:font-normal sw:leading-[24px] sw:text-[#8c8c8c] sw:no-underline sw:[font-family:inherit] sw:[&[aria-current=page]]:font-medium sw:[&[aria-current=page]]:text-[#262626] sw:hover:text-[#262626] sw:focus-visible:[outline-style:solid] sw:focus-visible:outline-[2px] sw:focus-visible:outline-offset-[-2px] sw:focus-visible:outline-[#165dff]",
+  separator: "sw:m-0 sw:h-[24px] sw:shrink-0 sw:px-[8px] sw:text-[14px] sw:font-normal sw:leading-[24px] sw:text-[#8c8c8c]"
+};
+function resolveBreadcrumbsClassNames(overrides = {}) {
+  return {
+    root: cx2(breadcrumbsClassNames.root, overrides.root),
+    breadcrumb: cx2(breadcrumbsClassNames.breadcrumb, overrides.breadcrumb),
+    separator: cx2(breadcrumbsClassNames.separator, overrides.separator)
+  };
+}
+var Breadcrumbs = forwardRef2(({ items, collapse = true, classNames, separator = "/", ...props }, ref) => {
+  const children = useBreadcrumbItems(items, collapse);
+  if (!items.length)
+    return null;
+  return /* @__PURE__ */ jsx3(MantineBreadcrumbs, { ...props, ref, role: props.role ?? "navigation", "aria-label": props["aria-label"] ?? "\u9762\u5305\u5C51", separator, attributes: {
+    ...props.attributes,
+    separator: { ...props.attributes?.separator, "aria-hidden": true }
+  }, classNames: (theme, values, ctx) => resolveBreadcrumbsClassNames(typeof classNames === "function" ? classNames(theme, values, ctx) : classNames), children });
+});
+Breadcrumbs.displayName = "SWorks/Breadcrumbs";
+
+// src/components/Title/Title.tsx
+import { forwardRef as forwardRef3 } from "react";
+import cx3 from "clsx";
+import { Title as MantineTitle } from "@s-works/s-works-ui/core";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var titleBaseClassNames = {
+  root: "sw:m-0 sw:[font-family:PingFang_SC,sans-serif] sw:text-[#262626] sw:tracking-[0px] sw:not-italic"
+};
+var titlePresetClassNames = {
+  "h1-medium": "sw:text-[38px] sw:leading-[46px] sw:font-medium",
+  "h2-medium": "sw:text-[30px] sw:leading-[40px] sw:font-medium",
+  "h3-medium": "sw:text-[24px] sw:leading-[32px] sw:font-medium",
+  "h3-regular": "sw:text-[24px] sw:leading-[32px] sw:font-normal",
+  "h4-medium": "sw:text-[20px] sw:leading-[28px] sw:font-medium",
+  "h5-regular": "sw:text-[16px] sw:leading-[24px] sw:font-normal",
+  "h5-medium": "sw:text-[16px] sw:leading-[24px] sw:font-medium",
+  "h5-semibold": "sw:text-[16px] sw:leading-[24px] sw:font-semibold"
+};
+var presetOrders = {
+  "h1-medium": 1,
+  "h2-medium": 2,
+  "h3-medium": 3,
+  "h3-regular": 3,
+  "h4-medium": 4,
+  "h5-regular": 5,
+  "h5-medium": 5,
+  "h5-semibold": 5
+};
+var Title = forwardRef3(({ preset = "h1-medium", order, classNames, ...props }, ref) => /* @__PURE__ */ jsx4(MantineTitle, { ...props, ref, order: order ?? presetOrders[preset], classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return { root: cx3(titleBaseClassNames.root, titlePresetClassNames[preset], overrides?.root) };
+} }));
+Title.displayName = "SWork/Title";
+
+// src/components/Tooltip/Tooltip.tsx
+import { forwardRef as forwardRef4 } from "react";
+import cx4 from "clsx";
+import { Tooltip as MantineTooltip } from "@s-works/s-works-ui/core";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var tooltipClassNames = {
+  tooltip: "sw:shadow-none"
+};
+function resolveTooltipProps({ radius = 8, color = "rgba(0,0,0,0.9)", events = { hover: true, focus: true, touch: false }, ...props }) {
+  return {
+    p: 8,
+    ff: "PingFang SC, sans-serif",
+    fz: 12,
+    fw: 400,
+    lh: 1.5,
+    lts: 0,
+    fs: "normal",
+    bd: 0,
+    ...props,
+    radius,
+    color,
+    events
+  };
+}
+function resolveTooltipClassNames(overrides = {}) {
+  return {
+    tooltip: cx4(tooltipClassNames.tooltip, overrides.tooltip),
+    arrow: overrides.arrow
+  };
+}
+var TooltipRoot = forwardRef4(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx5(MantineTooltip, { ...resolveTooltipProps(props), ref, classNames: (theme, values, ctx) => resolveTooltipClassNames(typeof classNames === "function" ? classNames(theme, values, ctx) : classNames) }));
+TooltipRoot.displayName = "SWorks/Tooltip";
+var Tooltip = Object.assign(TooltipRoot, {
+  Group: MantineTooltip.Group,
+  Floating: MantineTooltip.Floating
+});
+
+// src/components/AppShell/AppShell.tsx
+import { forwardRef as forwardRef6 } from "react";
+import cx6 from "clsx";
+import { AppShell as MantineAppShell, rem } from "@s-works/s-works-ui/core";
+
+// src/components/AppShell/AppShellTaskItem.tsx
+import { forwardRef as forwardRef5, useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import cx5 from "clsx";
+import { UnstyledButton } from "@s-works/s-works-ui/core";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+var appShellTaskItemClassNames = {
+  root: "sw:group/app-shell-task sw:flex sw:h-[40px] sw:w-full sw:min-w-0 sw:shrink-0 sw:items-center sw:rounded-[8px] sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic sw:hover:bg-[rgba(22,93,255,0.05)] sw:hover:px-[8px] sw:has-[:focus-visible]:bg-[rgba(22,93,255,0.05)] sw:has-[:focus-visible]:px-[8px]",
+  normal: "sw:bg-transparent sw:pl-[4px] sw:pr-[16px]",
+  normalControl: "sw:font-normal sw:text-[#262626]",
+  highlighted: "sw:bg-[rgba(22,93,255,0.05)] sw:px-[8px]",
+  control: "sw:flex sw:h-full sw:min-w-0 sw:flex-1 sw:items-center sw:border-0 sw:bg-transparent sw:p-0 sw:text-left sw:text-[14px] sw:leading-[24px] sw:focus-visible:outline-[2px] sw:focus-visible:outline-offset-[-2px] sw:focus-visible:outline-[#165dff] sw:disabled:cursor-not-allowed",
+  icon: "sw:flex sw:h-[32px] sw:w-[32px] sw:shrink-0 sw:items-center sw:justify-center sw:overflow-hidden",
+  label: "sw:block sw:min-w-0 sw:flex-1 sw:overflow-hidden sw:text-ellipsis sw:whitespace-nowrap sw:data-[marquee]:text-clip",
+  deleteButton: "sw:h-[32px] sw:w-[32px] sw:shrink-0 sw:items-center sw:justify-center sw:overflow-hidden sw:rounded-[8px] sw:border-0 sw:bg-transparent sw:p-[4px] sw:text-[12px] sw:focus-visible:outline-[2px] sw:focus-visible:outline-[#165dff] sw:disabled:cursor-not-allowed"
+};
+var AppShellTaskItem = forwardRef5(({ label, icon, deleteIcon, highlighted = false, onRemove, disabled = false, classNames, ...props }, ref) => {
+  const textRef = useRef2(null);
+  const frame = useRef2(null);
+  const hovered = useRef2(false);
+  const focused = useRef2(false);
+  const [marquee, setMarquee] = useState2(false);
+  const stop = useCallback(() => {
+    if (frame.current !== null)
+      cancelAnimationFrame(frame.current);
+    frame.current = null;
+    if (textRef.current)
+      textRef.current.scrollLeft = 0;
+    setMarquee(false);
+  }, []);
+  const start = useCallback(() => {
+    stop();
+    const text = textRef.current;
+    if (!text || disabled || !(hovered.current || focused.current))
+      return;
+    const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    if (reducedMotion.matches || text.scrollWidth <= text.clientWidth)
+      return;
+    setMarquee(true);
+    let position = 0;
+    let direction = 1;
+    let previous = performance.now();
+    let pauseUntil = previous + 500;
+    const tick = (now) => {
+      if (reducedMotion.matches || !(hovered.current || focused.current)) {
+        stop();
+        return;
+      }
+      const delta = Math.min(50, now - previous);
+      previous = now;
+      const maximum = text.scrollWidth - text.clientWidth;
+      if (now >= pauseUntil) {
+        position = Math.max(0, Math.min(maximum, position + direction * delta * 0.032));
+        text.scrollLeft = position;
+        if (position === maximum) {
+          direction = -1;
+          pauseUntil = now + 800;
+        } else if (position === 0) {
+          direction = 1;
+          pauseUntil = now + 500;
+        }
+      }
+      frame.current = requestAnimationFrame(tick);
+    };
+    frame.current = requestAnimationFrame(tick);
+  }, [disabled, stop]);
+  useEffect2(() => {
+    const text = textRef.current;
+    const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(() => {
+      if (hovered.current || focused.current)
+        start();
+    });
+    if (text)
+      observer?.observe(text);
+    if (hovered.current || focused.current)
+      start();
+    return () => {
+      observer?.disconnect();
+      if (frame.current !== null)
+        cancelAnimationFrame(frame.current);
+      frame.current = null;
+      if (text)
+        text.scrollLeft = 0;
+    };
+  }, [label, highlighted, start]);
+  const overrides = typeof classNames === "function" ? classNames({ highlighted, disabled }) : classNames;
+  return /* @__PURE__ */ jsxs("div", { "data-highlighted": highlighted || void 0, className: cx5(appShellTaskItemClassNames.root, highlighted ? appShellTaskItemClassNames.highlighted : appShellTaskItemClassNames.normal, disabled && "sw:opacity-50", overrides?.root), onMouseEnter: () => {
+    hovered.current = true;
+    start();
+  }, onMouseLeave: () => {
+    hovered.current = false;
+    if (!focused.current)
+      stop();
+  }, onFocusCapture: (event) => {
+    focused.current = event.target instanceof HTMLElement && event.target.matches(":focus-visible");
+    start();
+  }, onBlurCapture: (event) => {
+    if (event.currentTarget.contains(event.relatedTarget))
+      return;
+    focused.current = false;
+    if (!hovered.current)
+      stop();
+  }, children: [
+    /* @__PURE__ */ jsxs(UnstyledButton, { ...props, ref, type: props.type ?? "button", disabled, "aria-label": props["aria-label"] ?? label, classNames: {
+      root: cx5(appShellTaskItemClassNames.control, appShellTaskItemClassNames.normalControl, overrides?.control)
+    }, children: [
+      icon && /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: cx5(appShellTaskItemClassNames.icon, overrides?.icon), children: icon }),
+      /* @__PURE__ */ jsx6("span", { ref: textRef, "data-marquee": marquee || void 0, className: cx5(appShellTaskItemClassNames.label, overrides?.label), children: label })
+    ] }),
+    onRemove && /* @__PURE__ */ jsx6(UnstyledButton, { type: "button", disabled, "aria-label": `\u5220\u9664 ${label}`, onClick: (event) => {
+      event.stopPropagation();
+      onRemove(event);
+    }, classNames: {
+      root: cx5(appShellTaskItemClassNames.deleteButton, highlighted ? "sw:flex" : "sw:hidden sw:group-hover/app-shell-task:flex sw:group-has-[:focus-visible]/app-shell-task:flex", overrides?.deleteButton)
+    }, children: deleteIcon ?? "\u5220\u9664" })
+  ] });
+});
+AppShellTaskItem.displayName = "SWorks/AppShell.TaskItem";
+
+// src/components/AppShell/useAppShellSidebar.ts
+import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+var normalize = (width) => !Number.isFinite(width) ? 260 : width <= 56 ? 56 : Math.min(400, Math.max(220, Math.round(width)));
+function useAppShellSidebar({ sidebarWidth, defaultSidebarWidth = 260, storageKey = "s-work-app-shell-sidebar", onSidebarWidthChange, onSidebarWidthCommit } = {}) {
+  const [internalWidth, setInternalWidth] = useState3(() => normalize(defaultSidebarWidth));
+  const [draft, setDraft] = useState3();
+  const expandedWidth = useRef3(normalize(defaultSidebarWidth) === 56 ? 260 : normalize(defaultSidebarWidth));
+  const drag = useRef3(null);
+  const width = draft ?? normalize(sidebarWidth ?? internalWidth);
+  const collapsed = width === 56;
+  useEffect3(() => {
+    if (sidebarWidth !== void 0 || !storageKey)
+      return;
+    try {
+      const saved = JSON.parse(localStorage.getItem(storageKey) ?? "null");
+      if (saved && typeof saved.width === "number" && Number.isFinite(saved.width)) {
+        setInternalWidth(normalize(saved.width));
+        onSidebarWidthChange?.(normalize(saved.width));
+        expandedWidth.current = typeof saved.expandedWidth === "number" && saved.expandedWidth >= 220 && saved.expandedWidth <= 400 ? Math.round(saved.expandedWidth) : 260;
+      }
+    } catch {
+    }
+  }, [storageKey, sidebarWidth !== void 0]);
+  const commit = (value) => {
+    const next = normalize(value);
+    if (next > 56)
+      expandedWidth.current = next;
+    if (sidebarWidth === void 0)
+      setInternalWidth(next);
+    onSidebarWidthChange?.(next);
+    onSidebarWidthCommit?.(next);
+    if (storageKey) {
+      try {
+        localStorage.setItem(storageKey, JSON.stringify({
+          width: next,
+          expandedWidth: expandedWidth.current
+        }));
+      } catch {
+      }
+    }
+  };
+  const state = {
+    width,
+    collapsed,
+    setWidth: commit,
+    toggleCollapsed: () => {
+      if (!collapsed)
+        expandedWidth.current = normalize(width);
+      commit(collapsed ? expandedWidth.current : 56);
+    }
+  };
+  const finish = (cancelled = false) => {
+    const current = drag.current;
+    if (!current)
+      return;
+    drag.current = null;
+    setDraft(void 0);
+    if (cancelled) {
+      if (sidebarWidth === void 0)
+        setInternalWidth(current.startWidth);
+      onSidebarWidthChange?.(current.startWidth);
+    } else {
+      if (current.lastWidth <= 56 && current.startWidth > 56)
+        expandedWidth.current = normalize(current.startWidth);
+      commit(current.lastWidth);
+    }
+  };
+  const separatorProps = {
+    role: "separator",
+    "aria-label": "\u8C03\u6574\u4FA7\u680F\u5BBD\u5EA6",
+    "aria-orientation": "vertical",
+    "aria-valuemin": 56,
+    "aria-valuemax": Math.max(400, width),
+    "aria-valuenow": width,
+    "aria-valuetext": collapsed ? "\u5DF2\u6298\u53E0\uFF0C56\u50CF\u7D20" : `${width}\u50CF\u7D20`,
+    tabIndex: 0,
+    onPointerDown: (event) => {
+      if (!event.isPrimary || event.button !== 0)
+        return;
+      event.preventDefault();
+      const renderedWidth = event.currentTarget.parentElement?.getBoundingClientRect().width ?? width;
+      drag.current = {
+        id: event.pointerId,
+        startX: event.clientX,
+        startWidth: width,
+        lastWidth: width,
+        unitsPerPixel: renderedWidth > 0 ? width / renderedWidth : 1
+      };
+      event.currentTarget.setPointerCapture(event.pointerId);
+      setDraft(width);
+    },
+    onPointerMove: (event) => {
+      const current = drag.current;
+      if (!current || current.id !== event.pointerId)
+        return;
+      const next = Math.max(56, Math.round(current.startWidth + (event.clientX - current.startX) * current.unitsPerPixel));
+      current.lastWidth = next;
+      setDraft(next);
+      onSidebarWidthChange?.(next);
+    },
+    onPointerUp: () => finish(),
+    onPointerCancel: () => finish(true),
+    onLostPointerCapture: () => finish(true),
+    onKeyDown: (event) => {
+      if (!["ArrowLeft", "ArrowRight", "Home", "End", "Enter", "Escape"].includes(event.key))
+        return;
+      event.preventDefault();
+      if (event.key === "Escape") {
+        finish(true);
+        return;
+      }
+      if (event.key === "Enter")
+        state.toggleCollapsed();
+      else if (event.key === "Home")
+        commit(220);
+      else if (event.key === "End")
+        commit(400);
+      else
+        commit(width + (event.key === "ArrowLeft" ? -10 : 10));
+    }
+  };
+  return { state, resizing: draft !== void 0, separatorProps };
+}
+
+// src/components/AppShell/AppShell.tsx
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var appShellClassNames = {
+  root: "sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic sw:text-[14px] sw:font-normal sw:leading-[24px] sw:text-[#262626]",
+  navbar: "sw:border-0 sw:bg-[#f9f9f9] sw:min-h-0 sw:overflow-hidden",
+  main: "sw:min-w-0 sw:bg-white"
+};
+var appShellHandleClassName = "sw:absolute sw:bottom-0 sw:right-0 sw:top-0 sw:z-[2] sw:w-[4px] sw:cursor-col-resize sw:touch-none sw:focus-visible:bg-[#165dff] sw:focus-visible:outline-none";
+function resolveAppShellClassNames({ mode = "fixed", resizing = false, withBorder = true } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx6(appShellClassNames.root, mode === "static" && "sw:relative sw:isolate sw:flex sw:h-full sw:overflow-hidden", resizing && "sw:select-none sw:cursor-col-resize sw:[&_*]:cursor-col-resize", overrides.root),
+    navbar: cx6(appShellClassNames.navbar, withBorder && "sw:shadow-[inset_-1px_0_0_#f0f0f0]", mode === "static" && "sw:relative sw:top-auto sw:h-full sw:shrink-0", overrides.navbar),
+    main: cx6(appShellClassNames.main, mode === "static" && "sw:min-h-0 sw:flex-1 sw:p-[var(--app-shell-padding)]", overrides.main)
+  };
+}
+var AppShellRoot = forwardRef6(({ sidebar, children, sidebarWidth, defaultSidebarWidth, storageKey, onSidebarWidthChange, onSidebarWidthCommit, classNames, mode = "fixed", transitionDuration = 200, ...props }, ref) => {
+  const { state, resizing, separatorProps } = useAppShellSidebar({
+    sidebarWidth,
+    defaultSidebarWidth,
+    storageKey,
+    onSidebarWidthChange,
+    onSidebarWidthCommit
+  });
+  return /* @__PURE__ */ jsxs2(MantineAppShell, { ...props, mode, ref, navbar: { width: state.width, breakpoint: 0 }, transitionDuration: resizing ? 0 : transitionDuration, classNames: (theme, values, ctx) => resolveAppShellClassNames({ mode, resizing, withBorder: props.withBorder }, typeof classNames === "function" ? classNames(theme, values, ctx) : classNames), children: [
+    /* @__PURE__ */ jsxs2(MantineAppShell.Navbar, { w: state.width, "aria-label": "\u5E94\u7528\u4FA7\u680F", "data-sidebar-width": state.width, "data-collapsed": state.collapsed || void 0, children: [
+      typeof sidebar === "function" ? sidebar(state) : sidebar,
+      /* @__PURE__ */ jsx7("div", { ...separatorProps, className: appShellHandleClassName })
+    ] }),
+    /* @__PURE__ */ jsx7(MantineAppShell.Main, { ps: mode === "fixed" && !props.disabled ? `calc(${rem(state.width)} + var(--app-shell-padding))` : void 0, children })
+  ] });
+});
+AppShellRoot.displayName = "SWorks/AppShell";
+var AppShell = Object.assign(AppShellRoot, {
+  TaskItem: AppShellTaskItem
+});
+
+// src/components/Table/Table.tsx
+import { forwardRef as forwardRef7 } from "react";
+import cx7 from "clsx";
+import { Table as MantineTable } from "@s-works/s-works-ui/core";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var tableClassNames = {
+  table: "sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic sw:border-separate sw:border-spacing-0 sw:text-[#262626]",
+  th: "sw:text-left sw:font-medium",
+  td: "sw:font-normal"
+};
+var tableAppearanceClassNames = {
+  primary: {
+    table: "sw:table-fixed sw:overflow-hidden sw:rounded-[16px] sw:bg-white sw:[outline:1px_solid_rgba(0,0,0,0.08)] sw:outline-offset-[-1px]",
+    th: "sw:h-[56px] sw:overflow-hidden sw:border-0 sw:border-b sw:border-r sw:border-solid sw:border-black/[0.08] sw:bg-[#f3f7ff] sw:px-[16px] sw:py-0 sw:text-[14px] sw:leading-[24px] sw:text-[#262626] sw:last:border-r-0",
+    td: "sw:h-[66px] sw:overflow-hidden sw:text-ellipsis sw:whitespace-nowrap sw:border-0 sw:border-r sw:border-solid sw:border-black/[0.08] sw:px-[16px] sw:py-0 sw:text-[14px] sw:leading-[24px] sw:text-[#262626] sw:first:text-center sw:last:border-r-0",
+    tr: "sw:[&:nth-child(odd)>td]:bg-white sw:[&:nth-child(even)>td]:bg-[#f2f3f5]"
+  },
+  meeting: {
+    table: "sw:table-fixed",
+    th: "sw:h-[45px] sw:border-0 sw:border-b sw:border-solid sw:border-[#f0f0f0] sw:px-[5px] sw:py-[12px] sw:text-[13px] sw:leading-[20px] sw:text-[#8c8c8c] sw:first:pl-[16px] sw:last:pr-[16px]",
+    td: "sw:h-[78px] sw:border-0 sw:shadow-[inset_0_-1px_0_#f5f5f5] sw:px-[5px] sw:py-[16px] sw:text-[12px] sw:leading-[18px] sw:text-[#8c8c8c] sw:first:pl-[16px] sw:last:pr-[16px]",
+    tr: "sw:[&>td:first-child]:rounded-l-[12px] sw:[&>td:last-child]:rounded-r-[12px] sw:data-[hoverable]:hover:[&>td]:bg-[#f3f7ff] sw:data-[hoverable]:has-[:focus-visible]:[&>td]:bg-[#f3f7ff] sw:data-[hoverable]:data-[menu-open]:[&>td]:bg-[#f3f7ff]"
+  },
+  drawer: {
+    table: "sw:table-fixed sw:overflow-hidden sw:rounded-[8px] sw:border sw:border-solid sw:border-[#f0f0f0]",
+    th: "sw:h-[40px] sw:border-0 sw:bg-[rgba(0,0,0,0.03)] sw:px-[12px] sw:py-0 sw:text-[12px] sw:leading-[18px]",
+    td: "sw:h-[42px] sw:border-0 sw:border-b sw:border-solid sw:border-[#f0f0f0] sw:px-[12px] sw:py-0 sw:text-[12px] sw:leading-[18px]",
+    tr: "sw:last:[&>td]:border-b-0"
+  }
+};
+function resolveTableClassNames(appearance, overrides = {}) {
+  const visual = tableAppearanceClassNames[appearance];
+  return {
+    table: cx7(tableClassNames.table, visual.table, overrides.table),
+    th: cx7(tableClassNames.th, visual.th, overrides.th),
+    td: cx7(tableClassNames.td, visual.td, overrides.td),
+    tr: cx7(visual.tr, overrides.tr)
+  };
+}
+var TableRoot = forwardRef7(({ appearance = "meeting", classNames, ...props }, ref) => /* @__PURE__ */ jsx8(MantineTable, { ...props, ref, classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return {
+    ...overrides,
+    ...resolveTableClassNames(appearance, overrides)
+  };
+} }));
+TableRoot.displayName = "SWorks/Table";
+var Table = Object.assign(TableRoot, {
+  Thead: MantineTable.Thead,
+  Tbody: MantineTable.Tbody,
+  Tfoot: MantineTable.Tfoot,
+  Tr: MantineTable.Tr,
+  Th: MantineTable.Th,
+  Td: MantineTable.Td,
+  Caption: MantineTable.Caption,
+  ScrollContainer: MantineTable.ScrollContainer,
+  DataRenderer: MantineTable.DataRenderer
+});
+
+// src/components/Pagination/Pagination.tsx
+import { forwardRef as forwardRef8 } from "react";
+import cx8 from "clsx";
+import { Group, Pagination as MantinePagination } from "@s-works/s-works-ui/core";
+import { useUncontrolled } from "@s-works/s-works-ui/hooks";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+function PreviousLabel() {
+  return /* @__PURE__ */ jsx9("span", { children: "\u4E0A\u4E00\u9875" });
+}
+function NextLabel() {
+  return /* @__PURE__ */ jsx9("span", { children: "\u4E0B\u4E00\u9875" });
+}
+function DotsLabel() {
+  return /* @__PURE__ */ jsx9("span", { children: "..." });
+}
+var paginationClassNames = {
+  root: "sw:flex sw:flex-wrap sw:items-center sw:gap-[8px] sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic",
+  fullRoot: "sw:min-h-[52px] sw:w-full sw:justify-between",
+  miniRoot: "sw:min-h-[30px] sw:w-fit sw:justify-center",
+  simpleControl: "sw:data-[navigation]:disabled:bg-white",
+  control: "sw:border sw:border-solid sw:border-black/[0.08] sw:bg-white sw:p-0 sw:text-[13px] sw:font-normal sw:leading-[20px] sw:text-[#8c8c8c] sw:data-[active]:border-[var(--pagination-active-bg)] sw:data-[active]:bg-[var(--pagination-active-bg)] sw:data-[active]:text-white sw:disabled:bg-[#f5f5f5] sw:disabled:text-[#8c8c8c] sw:disabled:opacity-100 sw:enabled:hover:[&:not([data-active])]:bg-[#f5f5f5] sw:data-[navigation]:min-w-0 sw:data-[navigation]:px-[12px] sw:data-[navigation]:py-[4px] sw:data-[navigation]:text-[#262626] sw:data-[navigation]:disabled:text-[#8c8c8c]",
+  dots: "sw:flex sw:h-[30px] sw:w-[32px] sw:items-center sw:justify-center sw:text-[13px] sw:leading-[20px] sw:text-[#8c8c8c]"
+};
+var paginationInfoClassName = "sw:text-[12px] sw:leading-[18px] sw:text-[#8c8c8c]";
+var paginationCounterClassNames = {
+  root: "sw:flex sw:gap-[4px] sw:text-[13px] sw:leading-[20px] sw:text-[#8c8c8c]",
+  current: "sw:text-[#262626]"
+};
+function resolvePaginationInfo({ info, totalRecords, pageSize = 10 }) {
+  return info ?? (totalRecords === void 0 ? null : `\u5171 ${totalRecords} \u6761\u6570\u636E\uFF0C\u6BCF\u9875 ${pageSize} \u6761`);
+}
+function resolvePaginationClassNames({ layout = "full" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx8(paginationClassNames.root, layout === "mini" ? paginationClassNames.miniRoot : paginationClassNames.fullRoot, overrides.root),
+    control: cx8(paginationClassNames.control, layout === "simple" && paginationClassNames.simpleControl, overrides.control),
+    dots: cx8(paginationClassNames.dots, overrides.dots)
+  };
+}
+function resolvePaginationRootProps({ size = 30, radius = 4, color = "#262626", siblings = 1, boundaries = 1, ...props } = {}) {
+  return { ...props, size, radius, color, siblings, boundaries };
+}
+var PaginationRoot = forwardRef8(({ layout = "full", totalRecords, pageSize = 10, info, total, value, defaultValue, onChange, classNames, gap = 8, withPages = true, withControls = true, withEdges, previousIcon, nextIcon, firstIcon, lastIcon, dotsIcon, getControlProps, hideWithOnePage, siblings = 1, boundaries = 1, ...props }, ref) => {
+  const [page, setPage] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: 1,
+    onChange
+  });
+  if (total <= 0 || hideWithOnePage && total === 1)
+    return null;
+  const detail = resolvePaginationInfo({ info, totalRecords, pageSize });
+  return /* @__PURE__ */ jsxs3(MantinePagination.Root, { role: "navigation", "aria-label": "\u5206\u9875", ...resolvePaginationRootProps(props), total, value: page, onChange: setPage, siblings, boundaries, ref, classNames: (theme, values, ctx) => {
+    const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+    return resolvePaginationClassNames({ layout }, overrides);
+  }, children: [
+    layout !== "mini" && /* @__PURE__ */ jsx9("span", { className: paginationInfoClassName, children: detail }),
+    /* @__PURE__ */ jsxs3(Group, { gap, justify: "center", children: [
+      withEdges && /* @__PURE__ */ jsx9(MantinePagination.First, { icon: firstIcon, ...getControlProps?.("first") }),
+      withControls && /* @__PURE__ */ jsx9(MantinePagination.Previous, { icon: previousIcon ?? PreviousLabel, "data-navigation": true, "aria-label": "\u4E0A\u4E00\u9875", ...getControlProps?.("previous") }),
+      layout === "simple" ? /* @__PURE__ */ jsxs3("span", { "aria-live": "polite", className: paginationCounterClassNames.root, children: [
+        /* @__PURE__ */ jsx9("span", { className: paginationCounterClassNames.current, children: page }),
+        /* @__PURE__ */ jsx9("span", { children: "/" }),
+        /* @__PURE__ */ jsx9("span", { children: total })
+      ] }) : withPages && /* @__PURE__ */ jsx9(MantinePagination.Items, { dotsIcon: dotsIcon ?? DotsLabel }),
+      withControls && /* @__PURE__ */ jsx9(MantinePagination.Next, { icon: nextIcon ?? NextLabel, "data-navigation": true, "aria-label": "\u4E0B\u4E00\u9875", ...getControlProps?.("next") }),
+      withEdges && /* @__PURE__ */ jsx9(MantinePagination.Last, { icon: lastIcon, ...getControlProps?.("last") })
+    ] })
+  ] });
+});
+PaginationRoot.displayName = "SWorks/Pagination";
+var Pagination = Object.assign(PaginationRoot, {
+  Root: MantinePagination.Root,
+  Control: MantinePagination.Control,
+  Dots: MantinePagination.Dots,
+  First: MantinePagination.First,
+  Last: MantinePagination.Last,
+  Next: MantinePagination.Next,
+  Previous: MantinePagination.Previous,
+  Items: MantinePagination.Items
+});
+
+// src/components/Radio/Radio.tsx
+import { forwardRef as forwardRef9 } from "react";
+import cx9 from "clsx";
+import { Radio as MantineRadio } from "@s-works/s-works-ui/core";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var radioClassNames = {
+  root: "sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic",
+  body: "sw:items-center",
+  labeledBody: "sw:min-h-[22px] sw:items-start",
+  labeledInner: "sw:mt-[5px]",
+  radio: "sw:border-2 sw:border-solid sw:border-[#e5e6eb] sw:bg-white sw:enabled:hover:[&:not(:checked)]:border-[#dadbe2] sw:checked:border-[var(--radio-color)] sw:checked:bg-[var(--radio-color)] sw:disabled:border-[#e5e6eb] sw:disabled:bg-[#f2f3f5] sw:disabled:checked:border-[#adc6ff] sw:disabled:checked:bg-[#adc6ff]",
+  icon: "sw:h-[6px] sw:w-[6px] sw:left-[calc(50%-3px)] sw:top-[calc(50%-3px)] sw:[input:disabled:checked+&]:[--radio-icon-color:inherit]",
+  label: "sw:pl-[8px] sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:data-[disabled]:text-[#bfbfbf]"
+};
+function resolveRadioProps({ size = "14px", color = "#165dff", iconColor = "#ffffff", ...props } = {}) {
+  return { ...props, size, color, iconColor };
+}
+function resolveRadioClassNames({ label } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx9(radioClassNames.root, overrides.root),
+    body: cx9(radioClassNames.body, label && radioClassNames.labeledBody, overrides.body),
+    radio: cx9(radioClassNames.radio, overrides.radio),
+    icon: cx9(radioClassNames.icon, overrides.icon),
+    inner: cx9(label && radioClassNames.labeledInner, overrides.inner),
+    label: cx9(radioClassNames.label, overrides.label)
+  };
+}
+var RadioRoot = forwardRef9(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx10(MantineRadio, { ...resolveRadioProps(props), ref, classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return resolveRadioClassNames(props, overrides);
+} }));
+RadioRoot.displayName = "SWorks/Radio";
+var Radio = Object.assign(RadioRoot, {
+  Group: MantineRadio.Group,
+  Card: MantineRadio.Card,
+  Indicator: MantineRadio.Indicator
+});
+
+// src/components/Checkbox/Checkbox.tsx
+import { forwardRef as forwardRef10 } from "react";
+import cx10 from "clsx";
+import { Checkbox as MantineCheckbox } from "@s-works/s-works-ui/core";
+
+// src/components/Checkbox/icons.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function CheckboxCheckIcon({ size, width = size ?? "14", height = size ?? "14", ...props }) {
+  return /* @__PURE__ */ jsx11("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 14 14", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx11("g", { children: /* @__PURE__ */ jsx11("path", { d: "M10.1787 4.48866C10.3626 4.67236 10.3747 4.96606 10.207 5.16469L7.02914 8.92534L7.05538 8.95296L6.74049 9.26785L6.46221 9.59723C6.38965 9.68306 6.29457 9.73609 6.19359 9.75951C6.00891 9.83603 5.78823 9.79845 5.64116 9.64488L3.79053 7.71138C3.60265 7.51508 3.60545 7.20484 3.79744 7.01256L4.15099 6.65901C4.34921 6.46067 4.67172 6.46412 4.86569 6.66661L5.99057 7.83982L9.09176 4.16963C9.28044 3.94631 9.61944 3.93146 9.82649 4.13787L10.1787 4.48866Z", fill: "currentColor" }) }) });
+}
+
+// src/components/Checkbox/Checkbox.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+var checkboxClassNames = {
+  root: "sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic",
+  body: "sw:items-center",
+  labeledBody: "sw:min-h-[22px] sw:items-start",
+  labeledInner: "sw:mt-[5px]",
+  input: "sw:border-2 sw:border-solid sw:border-[#e5e6eb] sw:bg-white sw:enabled:hover:[&:not(:checked):not([data-indeterminate])]:border-[#dadbe2] sw:checked:border-transparent sw:checked:bg-[var(--checkbox-color)] sw:data-[indeterminate]:border-transparent sw:data-[indeterminate]:bg-[var(--checkbox-color)] sw:disabled:border-[#e5e6eb] sw:disabled:bg-[#f2f3f5] sw:disabled:checked:border-transparent sw:disabled:checked:bg-[#adc6ff] sw:disabled:data-[indeterminate]:border-transparent sw:disabled:data-[indeterminate]:bg-[#adc6ff]",
+  icon: "sw:m-0 sw:flex sw:h-full sw:w-full sw:items-center sw:justify-center",
+  label: "sw:pl-[8px] sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:data-[disabled]:text-[#bfbfbf]"
+};
+function CheckGlyph({ indeterminate, className }) {
+  return /* @__PURE__ */ jsx12("span", { className, children: indeterminate ? /* @__PURE__ */ jsx12("span", { className: "sw:h-[2px] sw:w-[6px] sw:rounded-[0.5px] sw:bg-current" }) : /* @__PURE__ */ jsx12(CheckboxCheckIcon, { width: "100%", height: "100%" }) });
+}
+function resolveCheckboxProps({ size = "14px", radius = 2, color = "#165dff", iconColor = "#ffffff", icon = CheckGlyph, ...props } = {}) {
+  return { ...props, size, radius, color, iconColor, icon };
+}
+function resolveCheckboxClassNames({ label } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx10(checkboxClassNames.root, overrides.root),
+    body: cx10(checkboxClassNames.body, label && checkboxClassNames.labeledBody, overrides.body),
+    input: cx10(checkboxClassNames.input, overrides.input),
+    icon: cx10(checkboxClassNames.icon, overrides.icon),
+    inner: cx10(label && checkboxClassNames.labeledInner, overrides.inner),
+    label: cx10(checkboxClassNames.label, overrides.label)
+  };
+}
+var CheckboxRoot = forwardRef10(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx12(MantineCheckbox, { ...resolveCheckboxProps(props), ref, classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return resolveCheckboxClassNames(props, overrides);
+} }));
+CheckboxRoot.displayName = "SWorks/Checkbox";
+var Checkbox = Object.assign(CheckboxRoot, {
+  Group: MantineCheckbox.Group,
+  Card: MantineCheckbox.Card,
+  Indicator: MantineCheckbox.Indicator
+});
+
+// src/components/Switch/Switch.tsx
+import { forwardRef as forwardRef11 } from "react";
+import cx11 from "clsx";
+import { Switch as MantineSwitch } from "@s-works/s-works-ui/core";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var switchClassNames = {
+  root: "sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic",
+  body: "sw:items-center",
+  track: "sw:border-0 sw:bg-[#dadbe2] sw:[input:checked+&]:bg-[var(--switch-color)] sw:[input:disabled+&]:bg-[#f2f3f5] sw:[input:checked:disabled+&]:bg-[#adc6ff]",
+  thumb: "sw:border-0 sw:bg-white sw:shadow-[0_1px_3px_rgba(0,0,0,0.1)]",
+  largeTrack: "sw:w-[40px] sw:min-w-[40px] sw:h-[24px]",
+  smallTrack: "sw:w-[28px] sw:min-w-[28px] sw:h-[16px]",
+  largeThumb: "sw:h-[16px] sw:w-[16px] sw:start-[4px] sw:[input:checked+*>&]:start-[calc(100%-20px)]",
+  smallThumb: "sw:h-[12px] sw:w-[12px] sw:start-[2px] sw:[input:checked+*>&]:start-[calc(100%-14px)] sw:shadow-[0_0.75px_2.25px_rgba(0,0,0,0.1)]",
+  label: "sw:pl-[8px] sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:data-[disabled]:text-[#bfbfbf]"
+};
+function resolveSwitchProps({ size = "md", radius = 24, color = "#165dff", withThumbIndicator = false, ...props } = {}) {
+  return { ...props, size, radius, color, withThumbIndicator };
+}
+function resolveSwitchClassNames({ size = "md" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx11(switchClassNames.root, overrides.root),
+    body: cx11(switchClassNames.body, overrides.body),
+    track: cx11(switchClassNames.track, size === "md" && switchClassNames.largeTrack, size === "xs" && switchClassNames.smallTrack, overrides.track),
+    thumb: cx11(switchClassNames.thumb, size === "md" && switchClassNames.largeThumb, size === "xs" && switchClassNames.smallThumb, overrides.thumb),
+    label: cx11(switchClassNames.label, overrides.label)
+  };
+}
+var SwitchRoot = forwardRef11(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx13(MantineSwitch, { ...resolveSwitchProps(props), ref, classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return resolveSwitchClassNames(props, overrides);
+} }));
+SwitchRoot.displayName = "SWorks/Switch";
+var Switch = Object.assign(SwitchRoot, { Group: MantineSwitch.Group });
+
+// src/components/Alert/Alert.tsx
+import { forwardRef as forwardRef12 } from "react";
+import cx12 from "clsx";
+import { Alert as MantineAlert } from "@s-works/s-works-ui/core";
+
+// src/components/Alert/icons.tsx
+import { useId } from "react";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
+function CloseIcon({ size, width = size ?? "6.33074", height = size ?? "6.33074", ...props }) {
+  return /* @__PURE__ */ jsx14("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 6.33074 6.33074", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx14("path", { d: "M5.19464 0.194563C5.45427 -0.0648887 5.87638 -0.0648198 6.13605 0.194563C6.3957 0.454208 6.39559 0.876257 6.13605 1.13597L4.10675 3.16527L6.13605 5.19456C6.3957 5.45421 6.39559 5.87626 6.13605 6.13597C5.87635 6.39567 5.45434 6.39567 5.19464 6.13597L3.16535 4.10667L1.13605 6.13597C0.87635 6.39567 0.454341 6.39567 0.194642 6.13597C-0.0647931 5.87625 -0.0649685 5.45417 0.194642 5.19456L2.22394 3.16527L0.194642 1.13597C-0.0647928 0.876248 -0.0649684 0.454174 0.194642 0.194563C0.454267 -0.0648888 0.876381 -0.0648196 1.13605 0.194563L3.16535 2.22386L5.19464 0.194563Z", fill: "#BFBFBF" }) });
+}
+function CloseNormalIcon({ size, width = size ?? "6.33074", height = size ?? "6.33074", ...props }) {
+  return /* @__PURE__ */ jsx14("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 6.33074 6.33074", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx14("path", { d: "M5.19464 0.194563C5.45427 -0.0648887 5.87638 -0.0648198 6.13605 0.194563C6.3957 0.454208 6.39559 0.876257 6.13605 1.13597L4.10675 3.16527L6.13605 5.19456C6.3957 5.45421 6.39559 5.87626 6.13605 6.13597C5.87635 6.39567 5.45434 6.39567 5.19464 6.13597L3.16535 4.10667L1.13605 6.13597C0.87635 6.39567 0.454341 6.39567 0.194642 6.13597C-0.0647931 5.87625 -0.0649685 5.45417 0.194642 5.19456L2.22394 3.16527L0.194642 1.13597C-0.0647928 0.876248 -0.0649684 0.454174 0.194642 0.194563C0.454267 -0.0648888 0.876381 -0.0648196 1.13605 0.194563L3.16535 2.22386L5.19464 0.194563Z", fill: "black" }) });
+}
+function DoneIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_89)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM11.9707 5.5293C11.711 5.2696 11.289 5.2696 11.0293 5.5293L7 9.55859L4.9707 7.5293C4.711 7.2696 4.289 7.2696 4.0293 7.5293C3.7696 7.789 3.7696 8.211 4.0293 8.4707L6.5293 10.9707L7 11.4404L7.4707 10.9707L11.9707 6.4707C12.2304 6.211 12.2304 5.789 11.9707 5.5293Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#165DFF" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_89", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function ErrorIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_111)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 11.335C7.63273 11.335 7.33496 11.6327 7.33496 12C7.33496 12.3673 7.63273 12.665 8 12.665C8.36726 12.665 8.66504 12.3673 8.66504 12C8.66504 11.6327 8.36727 11.335 8 11.335ZM8 3.33496C7.63273 3.33496 7.33496 3.63273 7.33496 4V9.5C7.33496 9.86727 7.63273 10.165 8 10.165C8.36727 10.165 8.66504 9.86727 8.66504 9.5V4C8.66504 3.63273 8.36727 3.33496 8 3.33496Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#F53F3F" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_111", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function LoadingIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { children: /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_59)`, children: /* @__PURE__ */ jsxs4("g", { children: [
+      /* @__PURE__ */ jsx14("mask", { id: id + "-stroke0_0_59", children: /* @__PURE__ */ jsx14("path", { d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z", strokeWidth: "2", stroke: "white" }) }),
+      /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-paint0_angular_0_59_clip_path)`, mask: `url(#${id}-stroke0_0_59)`, children: /* @__PURE__ */ jsx14("g", { transform: "matrix(0 0.007 -0.007 0 8 8)", children: /* @__PURE__ */ jsx14("foreignObject", { x: "-2285.71", y: "-2285.71", width: "4571.43", height: "4571.43", children: /* @__PURE__ */ jsx14("div", { className: "sw:h-full sw:w-full sw:bg-[conic-gradient(from_90deg,rgba(22,93,255,0)_0deg,rgba(22,93,255,0.5)_90deg,rgba(22,93,255,0.5)_144deg,rgba(22,93,255,0.5)_216deg,rgba(22,93,255,0)_270deg,rgba(22,93,255,0)_360deg)]" }) }) }) }),
+      /* @__PURE__ */ jsx14("path", { d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z", strokeWidth: "2", stroke: "black", strokeOpacity: "0" })
+    ] }) }) }),
+    /* @__PURE__ */ jsxs4("defs", { children: [
+      /* @__PURE__ */ jsx14("clipPath", { id: id + "-paint0_angular_0_59_clip_path", children: /* @__PURE__ */ jsx14("rect", { x: "-8", y: "-8", width: "32", height: "32" }) }),
+      /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_59", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", rx: "8", fill: "white" }) })
+    ] })
+  ] });
+}
+function QuestionIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  return /* @__PURE__ */ jsx14("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx14("g", { children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8.07812 10.8281C7.83098 10.8281 7.60858 10.9023 7.43555 11.0752C7.26247 11.2359 7.17578 11.4464 7.17578 11.7061C7.17583 11.9532 7.26258 12.1629 7.43555 12.3359C7.60861 12.509 7.83089 12.5957 8.07812 12.5957C8.32531 12.5957 8.54765 12.5093 8.7207 12.3486C8.89373 12.1756 8.99311 11.9656 8.99316 11.7061C8.99316 11.4464 8.90648 11.2359 8.7334 11.0752C8.56033 10.9022 8.3377 10.8281 8.07812 10.8281ZM8.30078 3.5957C7.38602 3.5957 6.66863 3.85521 6.14941 4.38672C5.76139 4.77474 5.51895 5.26688 5.4209 5.86719C5.36317 6.22084 5.66121 6.51353 6.01953 6.51367C6.37795 6.51367 6.65496 6.21887 6.7334 5.86914C6.78818 5.62477 6.87807 5.41944 7.00293 5.25293C7.25014 4.89448 7.6577 4.72076 8.21387 4.7207C8.65881 4.7207 9.0174 4.84467 9.26465 5.0918C9.49952 5.33903 9.62303 5.67282 9.62305 6.10547C9.62305 6.42685 9.4998 6.72351 9.27734 7.00781L9.06738 7.24316C8.3009 7.92311 7.83064 8.43021 7.66992 8.77637C7.49705 9.09767 7.42287 9.49307 7.42285 9.9502C7.42285 10.0662 7.51688 10.16 7.63281 10.1602H8.53516C8.65123 10.1602 8.74609 10.0663 8.74609 9.9502C8.74611 9.65369 8.80753 9.38188 8.94336 9.13477C9.05462 8.91224 9.228 8.68901 9.46289 8.49121C10.0435 7.98468 10.3896 7.66342 10.501 7.52734C10.81 7.13174 10.9707 6.62432 10.9707 6.01855C10.9706 5.27703 10.7239 4.68358 10.2295 4.25098C9.735 3.80594 9.09195 3.59572 8.30078 3.5957Z", fill: "#165DFF" }) }) });
+}
+function QuestionOrangeIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  return /* @__PURE__ */ jsx14("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx14("g", { children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8.07812 10.8281C7.83098 10.8281 7.60858 10.9023 7.43555 11.0752C7.26247 11.2359 7.17578 11.4464 7.17578 11.7061C7.17583 11.9532 7.26258 12.1629 7.43555 12.3359C7.60861 12.509 7.83089 12.5957 8.07812 12.5957C8.32531 12.5957 8.54765 12.5093 8.7207 12.3486C8.89373 12.1756 8.99311 11.9656 8.99316 11.7061C8.99316 11.4464 8.90648 11.2359 8.7334 11.0752C8.56033 10.9022 8.3377 10.8281 8.07812 10.8281ZM8.30078 3.5957C7.38602 3.5957 6.66863 3.85521 6.14941 4.38672C5.76139 4.77474 5.51895 5.26688 5.4209 5.86719C5.36317 6.22084 5.66121 6.51353 6.01953 6.51367C6.37795 6.51367 6.65496 6.21887 6.7334 5.86914C6.78818 5.62477 6.87807 5.41944 7.00293 5.25293C7.25014 4.89448 7.6577 4.72076 8.21387 4.7207C8.65881 4.7207 9.0174 4.84467 9.26465 5.0918C9.49952 5.33903 9.62303 5.67282 9.62305 6.10547C9.62305 6.42685 9.4998 6.72351 9.27734 7.00781L9.06738 7.24316C8.3009 7.92311 7.83064 8.43021 7.66992 8.77637C7.49705 9.09767 7.42287 9.49307 7.42285 9.9502C7.42285 10.0662 7.51688 10.16 7.63281 10.1602H8.53516C8.65123 10.1602 8.74609 10.0663 8.74609 9.9502C8.74611 9.65369 8.80753 9.38188 8.94336 9.13477C9.05462 8.91224 9.228 8.68901 9.46289 8.49121C10.0435 7.98468 10.3896 7.66342 10.501 7.52734C10.81 7.13174 10.9707 6.62432 10.9707 6.01855C10.9706 5.27703 10.7239 4.68358 10.2295 4.25098C9.735 3.80594 9.09195 3.59572 8.30078 3.5957Z", fill: "#FA8C16" }) }) });
+}
+function SuccessIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_141)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM11.9707 5.5293C11.711 5.2696 11.289 5.2696 11.0293 5.5293L7 9.55859L4.9707 7.5293C4.711 7.2696 4.289 7.2696 4.0293 7.5293C3.7696 7.789 3.7696 8.211 4.0293 8.4707L6.5293 10.9707L7 11.4404L7.4707 10.9707L11.9707 6.4707C12.2304 6.211 12.2304 5.789 11.9707 5.5293Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#0DC15B" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_141", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WaitingIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_115)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C1.88982e-07 3.58172 3.58172 1.88988e-07 8 0ZM8 3.33496C7.63273 3.33496 7.33496 3.63273 7.33496 4V8C7.33496 8.36727 7.63273 8.66504 8 8.66504H12C12.3673 8.66504 12.665 8.36727 12.665 8C12.665 7.63273 12.3673 7.33496 12 7.33496H8.66504V4C8.66504 3.63273 8.36727 3.33496 8 3.33496Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#165DFF" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_115", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WaitingOrangeIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_107)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C1.88982e-07 3.58172 3.58172 1.88988e-07 8 0ZM8 3.33496C7.63273 3.33496 7.33496 3.63273 7.33496 4V8C7.33496 8.36727 7.63273 8.66504 8 8.66504H12C12.3673 8.66504 12.665 8.36727 12.665 8C12.665 7.63273 12.3673 7.33496 12 7.33496H8.66504V4C8.66504 3.63273 8.36727 3.33496 8 3.33496Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#FA8C16" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_107", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WarningIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs4("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx14("g", { clipPath: `url(#${id}-clip0_0_119)`, children: /* @__PURE__ */ jsx14("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 11.335C7.63273 11.335 7.33496 11.6327 7.33496 12C7.33496 12.3673 7.63273 12.665 8 12.665C8.36726 12.665 8.66504 12.3673 8.66504 12C8.66504 11.6327 8.36727 11.335 8 11.335ZM8 3.33496C7.63273 3.33496 7.33496 3.63273 7.33496 4V9.5C7.33496 9.86727 7.63273 10.165 8 10.165C8.36727 10.165 8.66504 9.86727 8.66504 9.5V4C8.66504 3.63273 8.36727 3.33496 8 3.33496Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#FA8C16" }) }),
+    /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: id + "-clip0_0_119", children: /* @__PURE__ */ jsx14("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+var alertStatusIcons = {
+  done: DoneIcon,
+  error: ErrorIcon,
+  loading: LoadingIcon,
+  question: QuestionIcon,
+  questionOrange: QuestionOrangeIcon,
+  success: SuccessIcon,
+  waiting: WaitingIcon,
+  waitingOrange: WaitingOrangeIcon,
+  warning: WarningIcon
+};
+var alertIcons = {
+  ...alertStatusIcons,
+  close: CloseIcon,
+  closeNormal: CloseNormalIcon
+};
+
+// src/components/Alert/Alert.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var alertClassNames = {
+  root: "sw:inline-block sw:max-w-full sw:border-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:not-italic sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)]",
+  banner: "sw:shadow-[inset_0_0_0_1px_#fee8d0,0_8px_16px_rgba(0,0,0,0.1)]",
+  wrapper: "sw:h-full sw:items-center sw:gap-[8px]",
+  body: "sw:min-w-0 sw:gap-[4px]",
+  message: "sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:whitespace-nowrap",
+  title: "sw:p-0 sw:text-[14px] sw:font-medium sw:leading-[22px]",
+  icon: "sw:m-0 sw:h-[16px] sw:w-[16px] sw:shrink-0 sw:items-center sw:justify-center",
+  closeButton: "sw:h-[24px] sw:w-[24px] sw:shrink-0 sw:rounded-[6px] sw:p-0 sw:text-[#262626]"
+};
+function renderAlertIcon(status) {
+  const StatusIcon = alertStatusIcons[status];
+  return /* @__PURE__ */ jsx15("span", { className: status === "loading" ? "sw:motion-safe:animate-spin" : void 0, children: /* @__PURE__ */ jsx15(StatusIcon, {}) });
+}
+function resolveAlertProps({ status = "success", appearance = "message", withCloseButton = false, closeButtonLabel = "\u5173\u95ED\u63D0\u793A", icon, attributes, ...props } = {}) {
+  const CloseIcon2 = appearance === "banner" ? alertIcons.close : alertIcons.closeNormal;
+  return {
+    radius: 8,
+    h: props.title ? void 0 : 40,
+    px: 16,
+    py: props.title ? 8 : 0,
+    pr: withCloseButton ? 8 : 16,
+    bg: appearance === "banner" ? "#fff9f3" : "#ffffff",
+    c: "#262626",
+    ...props,
+    withCloseButton,
+    closeButtonLabel,
+    icon: icon === void 0 ? renderAlertIcon(status) : icon,
+    attributes: {
+      ...attributes,
+      closeButton: { icon: /* @__PURE__ */ jsx15(CloseIcon2, {}), ...attributes?.closeButton }
+    }
+  };
+}
+function resolveAlertClassNames({ appearance = "message" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx12(alertClassNames.root, appearance === "banner" && alertClassNames.banner, overrides.root),
+    wrapper: cx12(alertClassNames.wrapper, overrides.wrapper),
+    body: cx12(alertClassNames.body, overrides.body),
+    message: cx12(alertClassNames.message, overrides.message),
+    title: cx12(alertClassNames.title, overrides.title),
+    icon: cx12(alertClassNames.icon, overrides.icon),
+    closeButton: cx12(alertClassNames.closeButton, overrides.closeButton)
+  };
+}
+var Alert = forwardRef12(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx15(MantineAlert, { ...resolveAlertProps(props), ref, classNames: (theme, values, ctx) => resolveAlertClassNames(props, typeof classNames === "function" ? classNames(theme, values, ctx) : classNames) }));
+Alert.displayName = "SWorks/Alert";
+
+// src/components/Toast/Toast.tsx
+import { forwardRef as forwardRef13, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import cx13 from "clsx";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function resolveToastClassNames(overrides = {}) {
+  return {
+    ...overrides,
+    root: cx13("sw:pointer-events-auto", overrides.root),
+    message: cx13("sw:!whitespace-normal sw:break-words", overrides.message)
+  };
+}
+var Toast = forwardRef13(({ autoClose = 4e3, onClose, withCloseButton = Boolean(onClose), classNames, role = "status", ...props }, ref) => {
+  const [hovered, setHovered] = useState4(false);
+  const [focused, setFocused] = useState4(false);
+  const focusBeforeToast = useRef4(null);
+  useEffect4(() => {
+    if (!onClose || autoClose === false || hovered || focused)
+      return;
+    const timeout = window.setTimeout(onClose, autoClose);
+    return () => window.clearTimeout(timeout);
+  }, [autoClose, focused, hovered, onClose]);
+  return /* @__PURE__ */ jsx16("div", { className: "sw:pointer-events-none sw:fixed sw:inset-x-[20px] sw:top-[80px] sw:z-50 sw:flex sw:justify-center", onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), onFocusCapture: (event) => {
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      focusBeforeToast.current = event.relatedTarget instanceof HTMLElement ? event.relatedTarget : null;
+      setFocused(true);
+    }
+  }, onBlurCapture: (event) => {
+    if (!event.currentTarget.contains(event.relatedTarget))
+      setFocused(false);
+  }, children: /* @__PURE__ */ jsx16(Alert, { ref, appearance: "message", role, "aria-live": role === "alert" ? "assertive" : "polite", "aria-atomic": "true", h: "auto", mih: 40, py: 8, ...props, withCloseButton: withCloseButton && Boolean(onClose), onClose: () => {
+    if (focused && focusBeforeToast.current?.isConnected) {
+      focusBeforeToast.current.focus({ preventScroll: true });
+    }
+    onClose?.();
+  }, classNames: (theme, values, context) => resolveToastClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }) });
+});
+Toast.displayName = "SWorks/Toast";
+
+// src/components/Modal/Modal.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { Modal as MantineModal, ScrollArea } from "@s-works/s-works-ui/core";
+import cx14 from "clsx";
+
+// src/components/Modal/icons.tsx
+import { useId as useId2 } from "react";
+import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+function ModalCloseIcon(props) {
+  return /* @__PURE__ */ jsx17("svg", { preserveAspectRatio: "none", overflow: "visible", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx17("g", { children: /* @__PURE__ */ jsx17("path", { d: "M13.0296 2.02974C13.2893 1.77005 13.7113 1.77005 13.971 2.02974C14.2303 2.28947 14.2306 2.71157 13.971 2.97115L8.94169 8.00045L13.971 13.0297C14.2303 13.2895 14.2306 13.7116 13.971 13.9711C13.7114 14.2307 13.2893 14.2305 13.0296 13.9711L8.00028 8.94185L2.97099 13.9711C2.7114 14.2307 2.28929 14.2305 2.02958 13.9711C1.7699 13.7115 1.76994 13.2894 2.02958 13.0297L7.05888 8.00045L2.02958 2.97115C1.7699 2.71147 1.76994 2.28945 2.02958 2.02974C2.28928 1.77005 2.71129 1.77005 2.97099 2.02974L8.00028 7.05904L13.0296 2.02974Z", fill: "#262626" }) }) });
+}
+function ModalErrorIcon(props) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs5("svg", { preserveAspectRatio: "none", overflow: "visible", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx17("g", { clipPath: `url(#${id}-clip0_0_235)`, children: /* @__PURE__ */ jsx17("path", { d: "M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM16.4561 7.54395C16.0665 7.1544 15.4335 7.1544 15.0439 7.54395L12 10.5879L8.95605 7.54395C8.56651 7.1544 7.93349 7.1544 7.54395 7.54395C7.1544 7.93349 7.1544 8.56651 7.54395 8.95605L10.5879 12L7.54395 15.0439C7.1544 15.4335 7.1544 16.0665 7.54395 16.4561C7.93349 16.8456 8.56651 16.8456 8.95605 16.4561L12 13.4121L15.0439 16.4561C15.4335 16.8456 16.0665 16.8456 16.4561 16.4561C16.8456 16.0665 16.8456 15.4335 16.4561 15.0439L13.4121 12L16.4561 8.95605C16.8456 8.56651 16.8456 7.93349 16.4561 7.54395Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#F53F3F" }) }),
+    /* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: id + "-clip0_0_235", children: /* @__PURE__ */ jsx17("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalSuccessIcon(props) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs5("svg", { preserveAspectRatio: "none", overflow: "visible", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx17("g", { clipPath: `url(#${id}-clip0_0_295)`, children: /* @__PURE__ */ jsx17("path", { d: "M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM17.9561 8.29395C17.5665 7.9044 16.9335 7.9044 16.5439 8.29395L10.5 14.3379L7.45605 11.2939C7.06651 10.9044 6.43349 10.9044 6.04395 11.2939C5.6544 11.6835 5.6544 12.3165 6.04395 12.7061L9.79395 16.4561L10.5 17.1606L11.2061 16.4561L17.9561 9.70605C18.3456 9.31651 18.3456 8.68349 17.9561 8.29395Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#00D58A" }) }),
+    /* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: id + "-clip0_0_295", children: /* @__PURE__ */ jsx17("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalWarningIcon(props) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs5("svg", { preserveAspectRatio: "none", overflow: "visible", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx17("g", { clipPath: `url(#${id}-clip0_0_315)`, children: /* @__PURE__ */ jsx17("path", { d: "M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 17.0024C11.4491 17.0024 11.0024 17.4491 11.0024 18C11.0024 18.5509 11.4491 18.9976 12 18.9976C12.5509 18.9975 12.9976 18.5509 12.9976 18C12.9976 17.4491 12.5509 17.0024 12 17.0024ZM12 5.00244C11.4491 5.00245 11.0024 5.4491 11.0024 6V14.25C11.0024 14.8009 11.4491 15.2476 12 15.2476C12.5509 15.2476 12.9976 14.8009 12.9976 14.25V6C12.9976 5.4491 12.5509 5.00244 12 5.00244Z", fillRule: "evenodd", clipRule: "evenodd", fill: "#FA8C16" }) }),
+    /* @__PURE__ */ jsx17("defs", { children: /* @__PURE__ */ jsx17("clipPath", { id: id + "-clip0_0_315", children: /* @__PURE__ */ jsx17("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalEditIcon(props) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs5("svg", { preserveAspectRatio: "none", overflow: "visible", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx17("g", { children: /* @__PURE__ */ jsxs5("g", { children: [
+      /* @__PURE__ */ jsx17("path", { d: "M14.5826 4.41504C14.5826 4.85667 14.4076 5.2805 14.0953 5.59277L6.0885 13.5996C5.90016 13.7879 5.66747 13.9265 5.41174 14.001L3.49768 14.5596C3.39729 14.5889 3.29039 14.5904 3.18909 14.5645C3.08792 14.5385 2.9954 14.4859 2.92151 14.4121C2.84757 14.3382 2.79512 14.2449 2.76917 14.1436C2.74329 14.0424 2.74482 13.9362 2.77405 13.8359L3.33264 11.9209C3.40722 11.6656 3.54493 11.4332 3.73303 11.2451L11.7408 3.2373C12.053 2.92534 12.4763 2.75009 12.9176 2.75C13.3591 2.75 13.7831 2.92517 14.0953 3.2373C14.4076 3.54955 14.5826 3.97345 14.5826 4.41504Z", fill: `url(#${id}-paint0_linear_0_303)` }),
+      /* @__PURE__ */ jsx17("path", { d: "M13.9998 12.6681L14.1336 12.6818C14.4368 12.7437 14.6649 13.0117 14.6649 13.3332C14.6649 13.6546 14.4368 13.9227 14.1336 13.9845L13.9998 13.9982H9.07406C8.70679 13.9982 8.40902 13.7004 8.40902 13.3332C8.40902 12.9659 8.70679 12.6681 9.07406 12.6681H13.9998Z", fill: `url(#${id}-paint1_linear_0_303)` }),
+      /* @__PURE__ */ jsx17("path", { d: "M4.24265 6.24973C4.29294 6.27847 4.35402 6.29284 4.42587 6.29284C4.49772 6.29284 4.55879 6.27847 4.60909 6.24973C4.65938 6.22098 4.6989 6.17069 4.72764 6.09884L5.35274 4.63308L6.92628 3.94331C6.99813 3.91457 7.04842 3.87506 7.07716 3.82476C7.1059 3.77446 7.12027 3.71339 7.12027 3.64154C7.12027 3.56969 7.1059 3.50862 7.07716 3.45832C7.04842 3.40802 6.99813 3.36851 6.92628 3.33977L5.35274 2.67155L4.72764 1.27046C4.6989 1.19861 4.65938 1.14832 4.60909 1.11958C4.55879 1.09084 4.49772 1.07646 4.42587 1.07646C4.35402 1.07646 4.29294 1.09084 4.24265 1.11958C4.19235 1.14832 4.15284 1.19861 4.1241 1.27046L3.49899 2.67155L1.92546 3.33977C1.85361 3.36851 1.80331 3.40802 1.77457 3.45832C1.74583 3.50862 1.73146 3.56969 1.73146 3.64154C1.73146 3.71339 1.74583 3.77446 1.77457 3.82476C1.80331 3.87506 1.85361 3.91457 1.92546 3.94331L3.49899 4.63308L4.1241 6.09884C4.15284 6.17069 4.19235 6.22098 4.24265 6.24973Z", fill: `url(#${id}-paint2_linear_0_303)` })
+    ] }) }),
+    /* @__PURE__ */ jsxs5("defs", { children: [
+      /* @__PURE__ */ jsxs5("linearGradient", { id: id + "-paint0_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx17("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ jsx17("stop", { offset: "1", stopColor: "#165DFF" })
+      ] }),
+      /* @__PURE__ */ jsxs5("linearGradient", { id: id + "-paint1_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx17("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ jsx17("stop", { offset: "1", stopColor: "#165DFF" })
+      ] }),
+      /* @__PURE__ */ jsxs5("linearGradient", { id: id + "-paint2_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx17("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ jsx17("stop", { offset: "1", stopColor: "#165DFF" })
+      ] })
+    ] })
+  ] });
+}
+function ModalStatusIcon({ status, ...props }) {
+  const Icon = {
+    error: ModalErrorIcon,
+    success: ModalSuccessIcon,
+    warning: ModalWarningIcon,
+    edit: ModalEditIcon
+  }[status];
+  return /* @__PURE__ */ jsx17(Icon, { ...props });
+}
+
+// src/components/Modal/Modal.tsx
+import { jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+function resolveModalClassNames({ layout = "standard" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    content: cx14("sw:flex sw:flex-col sw:bg-white sw:text-[#262626] sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px] sw:shadow-[0_8px_16px_rgba(0,0,0,0.1)]", layout === "share" ? "sw:p-[16px]" : layout !== "form" && "sw:p-[24px]", overrides.content),
+    header: cx14("sw:min-h-0 sw:shrink-0 sw:bg-white", layout === "form" ? "sw:h-[64px] sw:px-[16px] sw:py-[12px] sw:shadow-[inset_0_-1px_0_rgba(0,0,0,0.05)]" : void 0, overrides.header),
+    title: cx14("sw:min-w-0 sw:flex-1 sw:text-[16px] sw:font-medium sw:text-black", layout === "form" ? "sw:leading-[24px]" : "sw:leading-[28px]", overrides.title),
+    close: cx14("sw:m-0 sw:shrink-0 sw:rounded-[6px] sw:text-[#262626]", layout === "form" ? "sw:h-[32px] sw:w-[32px]" : "sw:h-[24px] sw:w-[24px]", overrides.close),
+    body: cx14("sw:flex sw:min-h-0 sw:flex-auto sw:flex-col sw:text-[14px] sw:font-normal sw:leading-[24px]", overrides.body)
+  };
+}
+var ModalComponent = forwardRef14(({ layout = "standard", headerIcon, status, footer, bodyHeight, title, children, classNames, closeButtonProps, ...props }, ref) => /* @__PURE__ */ jsxs6(MantineModal, { ref, centered: true, size: layout === "compact" ? 320 : layout === "form" ? 640 : 400, radius: 16, padding: 0, withCloseButton: layout !== "compact", ...props, title: title && /* @__PURE__ */ jsxs6("span", { className: "sw:flex sw:min-w-0 sw:items-center sw:gap-[8px]", children: [
+  headerIcon ?? (status && /* @__PURE__ */ jsx18(ModalStatusIcon, { status, className: status === "edit" ? "sw:mx-[4px] sw:h-[16px] sw:w-[16px] sw:shrink-0" : "sw:h-[24px] sw:w-[24px] sw:shrink-0" })),
+  /* @__PURE__ */ jsx18("span", { className: layout === "compact" ? "sw:min-w-0" : "sw:min-w-0 sw:truncate", children: title })
+] }), closeButtonProps: {
+  "aria-label": "\u5173\u95ED\u5F39\u7A97",
+  icon: /* @__PURE__ */ jsx18(ModalCloseIcon, { className: "sw:h-[16px] sw:w-[16px]" }),
+  ...closeButtonProps
+}, classNames: resolveModalClassNames({ layout }, classNames), children: [
+  /* @__PURE__ */ jsx18(ScrollArea, { h: bodyHeight, type: "auto", classNames: {
+    root: layout === "form" ? "sw:flex sw:max-h-[464px] sw:min-h-0 sw:flex-col" : "sw:flex sw:min-h-0 sw:flex-col",
+    viewport: "sw:h-auto sw:min-h-0 sw:flex-auto"
+  }, children: /* @__PURE__ */ jsx18("div", { className: layout === "form" ? "sw:px-[24px] sw:py-[16px]" : layout === "share" ? "sw:pt-[8px]" : layout === "editor" ? "sw:pt-[12px]" : title ? "sw:py-[12px]" : "", children }) }),
+  footer && /* @__PURE__ */ jsx18("div", { className: layout === "form" ? "sw:flex sw:min-h-[72px] sw:shrink-0 sw:items-center sw:justify-between sw:gap-[12px] sw:px-[24px] sw:pb-[24px] sw:pt-[16px]" : title ? "sw:mt-[8px] sw:shrink-0" : "sw:mt-[24px] sw:shrink-0", children: footer })
+] }));
+ModalComponent.displayName = "SWorks/Modal";
+var Modal = Object.assign(ModalComponent, {
+  Root: MantineModal.Root,
+  Overlay: MantineModal.Overlay,
+  Content: MantineModal.Content,
+  Header: MantineModal.Header,
+  Title: MantineModal.Title,
+  Body: MantineModal.Body,
+  CloseButton: MantineModal.CloseButton,
+  Stack: MantineModal.Stack
+});
+
+// src/components/DateInput/DateInput.tsx
+import { Fragment, forwardRef as forwardRef15, useEffect as useEffect5, useLayoutEffect, useRef as useRef5, useState as useState5, useId as useId3 } from "react";
+import cx15 from "clsx";
+import { Input, Popover } from "@s-works/s-works-ui/core";
+import { useUncontrolled as useUncontrolled2 } from "@s-works/s-works-ui/hooks";
+import { DateInput as MantineDateInput, DatePicker as MantineDatePicker, pickCalendarProps } from "@s-works/s-works-ui/dates";
+
+// src/components/DateRangeShortcuts.tsx
+import { Button as Button2 } from "@s-works/s-works-ui/core";
+import dayjs from "dayjs";
+import { jsx as jsx19 } from "react/jsx-runtime";
+var dateShortcutClasses = {
+  root: "sw:h-[24px] sw:min-h-0 sw:border sw:border-solid sw:border-black/[0.08] sw:bg-white sw:px-[8px] sw:py-0 sw:text-[12px] sw:font-normal sw:leading-[18px] sw:text-[#262626] sw:hover:bg-[#f2f3f5] sw:disabled:bg-[#f2f3f5] sw:disabled:text-[#bfbfbf]",
+  label: "sw:font-normal"
+};
+function isDateShortcutDisabled(date, { minDate, maxDate, excludeDate, getDayProps }) {
+  return Boolean(minDate && dayjs(date).isBefore(minDate, "day") || maxDate && dayjs(date).isAfter(maxDate, "day") || excludeDate?.(date) || getDayProps?.(date)?.disabled);
+}
+function DateRangeShortcuts({ disabled, onChange, ...limits }) {
+  const now = dayjs();
+  const today = now.format("YYYY-MM-DD");
+  const shortcuts = [
+    ["\u4ECA\u5929", today, today],
+    ["\u8FD17\u5929", now.subtract(6, "day").format("YYYY-MM-DD"), today],
+    ["\u8FD130\u5929", now.subtract(29, "day").format("YYYY-MM-DD"), today],
+    ["\u672C\u6708", now.startOf("month").format("YYYY-MM-DD"), now.endOf("month").format("YYYY-MM-DD")]
+  ];
+  return /* @__PURE__ */ jsx19("div", { role: "group", "aria-label": "\u65E5\u671F\u533A\u95F4\u5FEB\u6377\u9009\u62E9", className: "sw:flex sw:flex-wrap sw:gap-[8px]", children: shortcuts.map(([label, start, end]) => /* @__PURE__ */ jsx19(Button2, { type: "button", radius: 4, disabled: disabled || isDateShortcutDisabled(start, limits) || start !== end && isDateShortcutDisabled(end, limits), classNames: dateShortcutClasses, onClick: () => onChange([start, end]), children: label }, label)) });
+}
+
+// src/components/DateInput/icons.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Calendar(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M13.333 7.33333H2.66699V13.3333C2.66699 13.7014 2.96497 14.0002 3.33301 14.0003H12.667C13.035 14.0002 13.333 13.7014 13.333 13.3333V7.33333ZM10 4.00033V3.33333H6V4.00033C5.99982 4.36837 5.70109 4.66634 5.33301 4.66634C4.96508 4.66617 4.66717 4.36826 4.66699 4.00033V3.33333H3.33301C2.96497 3.33351 2.66699 3.63224 2.66699 4.00033V6.00033H13.333V4.00033C13.333 3.63224 13.035 3.33351 12.667 3.33333H11.333V4.00033C11.3328 4.36826 11.0349 4.66617 10.667 4.66634C10.2989 4.66634 10.0002 4.36837 10 4.00033ZM14.667 13.3333C14.667 14.4378 13.7714 15.3332 12.667 15.3333H3.33301C2.22859 15.3332 1.33301 14.4378 1.33301 13.3333V4.00033C1.33301 2.89586 2.22859 2.0005 3.33301 2.00033H4.66699V1.33333C4.66699 0.965252 4.96497 0.666517 5.33301 0.666341C5.7012 0.666341 6 0.965144 6 1.33333V2.00033H10V1.33333C10 0.965144 10.2988 0.666341 10.667 0.666341C11.035 0.666517 11.333 0.965252 11.333 1.33333V2.00033H12.667C13.7714 2.0005 14.667 2.89586 14.667 4.00033V13.3333Z", fill: "#262626" }) }) });
+}
+function CalendarFocus(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M13.333 7.33333H2.66699V13.3333C2.66699 13.7014 2.96497 14.0002 3.33301 14.0003H12.667C13.035 14.0002 13.333 13.7014 13.333 13.3333V7.33333ZM10 4.00033V3.33333H6V4.00033C5.99982 4.36837 5.70109 4.66634 5.33301 4.66634C4.96508 4.66617 4.66717 4.36826 4.66699 4.00033V3.33333H3.33301C2.96497 3.33351 2.66699 3.63224 2.66699 4.00033V6.00033H13.333V4.00033C13.333 3.63224 13.035 3.33351 12.667 3.33333H11.333V4.00033C11.3328 4.36826 11.0349 4.66617 10.667 4.66634C10.2989 4.66634 10.0002 4.36837 10 4.00033ZM14.667 13.3333C14.667 14.4378 13.7714 15.3332 12.667 15.3333H3.33301C2.22859 15.3332 1.33301 14.4378 1.33301 13.3333V4.00033C1.33301 2.89586 2.22859 2.0005 3.33301 2.00033H4.66699V1.33333C4.66699 0.965252 4.96497 0.666517 5.33301 0.666341C5.7012 0.666341 6 0.965144 6 1.33333V2.00033H10V1.33333C10 0.965144 10.2988 0.666341 10.667 0.666341C11.035 0.666517 11.333 0.965252 11.333 1.33333V2.00033H12.667C13.7714 2.0005 14.667 2.89586 14.667 4.00033V13.3333Z", fill: "#165DFF" }) }) });
+}
+function CalendarDisabled(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M13.333 7.33333H2.66699V13.3333C2.66699 13.7014 2.96497 14.0002 3.33301 14.0003H12.667C13.035 14.0002 13.333 13.7014 13.333 13.3333V7.33333ZM10 4.00033V3.33333H6V4.00033C5.99982 4.36837 5.70109 4.66634 5.33301 4.66634C4.96508 4.66617 4.66717 4.36826 4.66699 4.00033V3.33333H3.33301C2.96497 3.33351 2.66699 3.63224 2.66699 4.00033V6.00033H13.333V4.00033C13.333 3.63224 13.035 3.33351 12.667 3.33333H11.333V4.00033C11.3328 4.36826 11.0349 4.66617 10.667 4.66634C10.2989 4.66634 10.0002 4.36837 10 4.00033ZM14.667 13.3333C14.667 14.4378 13.7714 15.3332 12.667 15.3333H3.33301C2.22859 15.3332 1.33301 14.4378 1.33301 13.3333V4.00033C1.33301 2.89586 2.22859 2.0005 3.33301 2.00033H4.66699V1.33333C4.66699 0.965252 4.96497 0.666517 5.33301 0.666341C5.7012 0.666341 6 0.965144 6 1.33333V2.00033H10V1.33333C10 0.965144 10.2988 0.666341 10.667 0.666341C11.035 0.666517 11.333 0.965252 11.333 1.33333V2.00033H12.667C13.7714 2.0005 14.667 2.89586 14.667 4.00033V13.3333Z", fill: "#BFBFBF" }) }) });
+}
+function CalendarMini(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M9.99976 5.5H2.00024V10C2.00024 10.2761 2.22373 10.5001 2.49976 10.5002H9.50024C9.77627 10.5001 9.99976 10.2761 9.99976 10V5.5ZM7.5 3.00024V2.5H4.5V3.00024C4.49987 3.27627 4.27582 3.49976 3.99976 3.49976C3.72381 3.49962 3.50038 3.27619 3.50024 3.00024V2.5H2.49976C2.22373 2.50013 2.00024 2.72418 2.00024 3.00024V4.50024H9.99976V3.00024C9.99976 2.72418 9.77627 2.50013 9.50024 2.5H8.49976V3.00024C8.49962 3.27619 8.27619 3.49962 8.00024 3.49976C7.72418 3.49976 7.50013 3.27627 7.5 3.00024ZM11.0002 10C11.0002 10.8283 10.3286 11.4999 9.50024 11.5H2.49976C1.67144 11.4999 0.999756 10.8283 0.999756 10V3.00024C0.999756 2.1719 1.67144 1.50038 2.49976 1.50024H3.50024V1C3.50024 0.723939 3.72373 0.499888 3.99976 0.499756C4.2759 0.499756 4.5 0.723858 4.5 1V1.50024H7.5V1C7.5 0.723858 7.7241 0.499756 8.00024 0.499756C8.27627 0.499888 8.49976 0.723939 8.49976 1V1.50024H9.50024C10.3286 1.50038 11.0002 2.1719 11.0002 3.00024V10Z", fill: "#262626" }) }) });
+}
+function CalendarMiniFocus(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M9.99976 5.5H2.00024V10C2.00024 10.2761 2.22373 10.5001 2.49976 10.5002H9.50024C9.77627 10.5001 9.99976 10.2761 9.99976 10V5.5ZM7.5 3.00024V2.5H4.5V3.00024C4.49987 3.27627 4.27582 3.49976 3.99976 3.49976C3.72381 3.49962 3.50038 3.27619 3.50024 3.00024V2.5H2.49976C2.22373 2.50013 2.00024 2.72418 2.00024 3.00024V4.50024H9.99976V3.00024C9.99976 2.72418 9.77627 2.50013 9.50024 2.5H8.49976V3.00024C8.49962 3.27619 8.27619 3.49962 8.00024 3.49976C7.72418 3.49976 7.50013 3.27627 7.5 3.00024ZM11.0002 10C11.0002 10.8283 10.3286 11.4999 9.50024 11.5H2.49976C1.67144 11.4999 0.999756 10.8283 0.999756 10V3.00024C0.999756 2.1719 1.67144 1.50038 2.49976 1.50024H3.50024V1C3.50024 0.723939 3.72373 0.499888 3.99976 0.499756C4.2759 0.499756 4.5 0.723858 4.5 1V1.50024H7.5V1C7.5 0.723858 7.7241 0.499756 8.00024 0.499756C8.27627 0.499888 8.49976 0.723939 8.49976 1V1.50024H9.50024C10.3286 1.50038 11.0002 2.1719 11.0002 3.00024V10Z", fill: "#165DFF" }) }) });
+}
+function CalendarMiniDisabled(props) {
+  return /* @__PURE__ */ jsx20("svg", { ...props, preserveAspectRatio: "none", overflow: "visible", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx20("g", { id: "Calendar", children: /* @__PURE__ */ jsx20("path", { id: "Vector (Stroke)", d: "M9.99976 5.5H2.00024V10C2.00024 10.2761 2.22373 10.5001 2.49976 10.5002H9.50024C9.77627 10.5001 9.99976 10.2761 9.99976 10V5.5ZM7.5 3.00024V2.5H4.5V3.00024C4.49987 3.27627 4.27582 3.49976 3.99976 3.49976C3.72381 3.49962 3.50038 3.27619 3.50024 3.00024V2.5H2.49976C2.22373 2.50013 2.00024 2.72418 2.00024 3.00024V4.50024H9.99976V3.00024C9.99976 2.72418 9.77627 2.50013 9.50024 2.5H8.49976V3.00024C8.49962 3.27619 8.27619 3.49962 8.00024 3.49976C7.72418 3.49976 7.50013 3.27627 7.5 3.00024ZM11.0002 10C11.0002 10.8283 10.3286 11.4999 9.50024 11.5H2.49976C1.67144 11.4999 0.999756 10.8283 0.999756 10V3.00024C0.999756 2.1719 1.67144 1.50038 2.49976 1.50024H3.50024V1C3.50024 0.723939 3.72373 0.499888 3.99976 0.499756C4.2759 0.499756 4.5 0.723858 4.5 1V1.50024H7.5V1C7.5 0.723858 7.7241 0.499756 8.00024 0.499756C8.27627 0.499888 8.49976 0.723939 8.49976 1V1.50024H9.50024C10.3286 1.50038 11.0002 2.1719 11.0002 3.00024V10Z", fill: "#BFBFBF" }) }) });
+}
+
+// src/components/DateInput/DateInput.tsx
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+var sizeClasses = {
+  md: {
+    input: "sw:px-[8px] sw:pr-[32px] sw:text-[14px] sw:leading-[22px]",
+    height: "sw:h-[40px]",
+    radius: 8,
+    rangeRadius: "sw:rounded-[8px]",
+    rangeWidth: 240,
+    section: 32
+  },
+  sm: {
+    input: "sw:px-[8px] sw:pr-[24px] sw:text-[12px] sw:leading-[18px]",
+    height: "sw:h-[32px]",
+    radius: 6,
+    rangeRadius: "sw:rounded-[6px]",
+    rangeWidth: 200,
+    section: 28
+  }
+};
+var appearances = {
+  filled: "sw:border-0 sw:bg-[#f2f3f5] sw:enabled:hover:bg-[#e5e6eb] sw:enabled:focus:bg-white sw:enabled:focus:shadow-[inset_0_0_0_1px_#165dff]",
+  outlined: "sw:border sw:border-solid sw:border-black/[0.08] sw:bg-white sw:enabled:hover:border-black/[0.12] sw:enabled:focus:border-[#165dff]"
+};
+function resolveDateInputClassNames({ size = "md", appearance = "filled" } = {}, overrides = {}) {
+  const config = sizeClasses[size];
+  return {
+    ...overrides,
+    root: cx15("sw:group/date-input sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    wrapper: overrides.wrapper,
+    input: cx15("sw:min-h-0 sw:py-0 sw:font-normal sw:text-[#262626] sw:placeholder:text-[#8c8c8c] sw:disabled:cursor-not-allowed sw:disabled:opacity-100 sw:disabled:text-[#bfbfbf] sw:disabled:placeholder:text-[#bfbfbf] sw:data-[error]:border-[#ff4d4f]", config.input, config.height, appearances[appearance], overrides.input),
+    section: cx15("sw:text-[#262626] sw:data-[position=right]:end-0", overrides.section)
+  };
+}
+function DateInputCalendarIcon({ size = "md", disabled = false }) {
+  const Normal = size === "sm" ? CalendarMini : Calendar;
+  const Focus = size === "sm" ? CalendarMiniFocus : CalendarFocus;
+  const Disabled = size === "sm" ? CalendarMiniDisabled : CalendarDisabled;
+  return /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: cx15("sw:relative sw:flex sw:items-center sw:justify-center", size === "sm" ? "sw:h-[12px] sw:w-[12px]" : "sw:h-[16px] sw:w-[16px]"), children: disabled ? /* @__PURE__ */ jsx21(Disabled, {}) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsx21("span", { className: "sw:flex sw:group-focus-within/date-input:hidden", children: /* @__PURE__ */ jsx21(Normal, {}) }),
+    /* @__PURE__ */ jsx21("span", { className: "sw:hidden sw:group-focus-within/date-input:flex", children: /* @__PURE__ */ jsx21(Focus, {}) })
+  ] }) });
+}
+var SingleDateInput = forwardRef15(({ size = "md", appearance = "filled", value, defaultValue, onChange, classNames, rightSection, ...props }, ref) => {
+  const visual = {
+    size,
+    appearance,
+    disabled: props.disabled
+  };
+  return /* @__PURE__ */ jsx21(MantineDateInput, { ref, size, radius: sizeClasses[size].radius, w: 220, maw: "100%", valueFormat: "YYYY/MM/DD", placeholder: "\u65E5\u671F", rightSectionWidth: sizeClasses[size].section, rightSectionPointerEvents: "none", ...props, value, defaultValue, onChange, rightSection: rightSection === void 0 ? /* @__PURE__ */ jsx21(DateInputCalendarIcon, { ...visual }) : rightSection, classNames: (theme, values, ctx) => resolveDateInputClassNames(visual, typeof classNames === "function" ? classNames(theme, values, ctx) : classNames) });
+});
+SingleDateInput.displayName = "SWorks/DateInput";
+var rangeSizes = {
+  md: "sw:gap-[8px] sw:px-[8px] sw:text-[14px] sw:leading-[22px]",
+  sm: "sw:gap-[4px] sw:px-[8px] sw:text-[12px] sw:leading-[18px]"
+};
+var rangeAppearances = {
+  filled: "sw:border-0 sw:bg-[#f2f3f5] sw:hover:bg-[#e5e6eb] sw:focus-within:bg-white sw:focus-within:shadow-[inset_0_0_0_1px_#165dff]",
+  outlined: "sw:border sw:border-solid sw:border-black/[0.08] sw:bg-white sw:hover:border-black/[0.12] sw:focus-within:border-[#165dff]"
+};
+var disabledRangeAppearances = {
+  filled: "sw:border-0 sw:bg-[#f2f3f5]",
+  outlined: "sw:border sw:border-solid sw:border-black/[0.08] sw:bg-white"
+};
+var RangeDateInput = forwardRef15(({ size = "md", appearance = "filled", value, defaultValue = [null, null], onChange, label, description, error, required, withAsterisk, startPlaceholder = "\u5F00\u59CB\u65E5\u671F", endPlaceholder = "\u7ED3\u675F\u65E5\u671F", startLabel = "\u5F00\u59CB\u65E5\u671F", endLabel = "\u7ED3\u675F\u65E5\u671F", classNames, w, maw, ...props }, ref) => {
+  const generatedId = useId3();
+  const inputId = props.id ?? generatedId;
+  const [local, setLocal] = useState5(defaultValue);
+  const current = value ?? local;
+  const [startDate, endDate] = current;
+  const [activeField, setActiveField] = useState5(0);
+  const inputs = useRef5([null, null]);
+  const [inputVersions, setInputVersions] = useState5([0, 0]);
+  const pendingValue = useRef5(null);
+  const dropdownRef = useRef5(null);
+  const focusOnOpen = useRef5(false);
+  const focusOnClose = useRef5(false);
+  const { opened: controlledOpened, defaultOpened, onChange: onPopoverChange, onDismiss, onEnterTransitionEnd, ...popoverOptions } = props.popoverProps ?? {};
+  const [opened, setOpened] = useUncontrolled2({
+    value: controlledOpened,
+    defaultValue: defaultOpened ?? false,
+    onChange: onPopoverChange
+  });
+  const calendarDisabled = props.disabled || props.readOnly || popoverOptions.disabled;
+  const calendarOpen = opened && !calendarDisabled;
+  const dropdownId = inputId + "-calendar";
+  const { calendarProps } = pickCalendarProps(props);
+  const { styles, unstyled } = props;
+  const calendarAppearance = {
+    styles: typeof styles === "function" ? (theme, _calendar, context) => styles(theme, {
+      ...props,
+      size,
+      value: current[activeField],
+      valueFormat: props.valueFormat ?? "YYYY/MM/DD"
+    }, context) : styles,
+    unstyled
+  };
+  useLayoutEffect(() => {
+    const pending = pendingValue.current;
+    if (!pending)
+      return;
+    const next = pending.field === 0 ? startDate : endDate;
+    if (next === pending.previous)
+      return;
+    const input = inputs.current[pending.field];
+    if (calendarOpen || !input || input.ownerDocument.activeElement !== input) {
+      pendingValue.current = null;
+      return;
+    }
+    pending.previous = next;
+    focusOnClose.current = true;
+    setInputVersions(([start, end]) => pending.field === 0 ? [start + 1, end] : [start, end + 1]);
+  }, [calendarOpen, startDate, endDate]);
+  useEffect5(() => {
+    if (calendarOpen || !focusOnClose.current)
+      return;
+    const input = inputs.current[activeField];
+    if (input?.isConnected) {
+      const { activeElement, body } = input.ownerDocument;
+      if (activeElement === body || dropdownRef.current?.contains(activeElement)) {
+        input.focus({ preventScroll: true });
+      }
+    }
+    focusOnClose.current = false;
+  }, [activeField, calendarOpen, inputVersions]);
+  const openCalendar = (field) => {
+    if (calendarDisabled || focusOnClose.current)
+      return;
+    setActiveField(field);
+    if (!opened)
+      setOpened(true);
+  };
+  const focusCalendar = () => {
+    const button = dropdownRef.current?.querySelector("button:not(:disabled)");
+    button?.focus();
+    if (button && button.ownerDocument.activeElement === button)
+      focusOnOpen.current = false;
+  };
+  const dismissCalendar = (returnFocus = false) => {
+    focusOnOpen.current = false;
+    focusOnClose.current = returnFocus;
+    setOpened(false);
+    onDismiss?.();
+  };
+  const inputEvents = (field) => ({
+    onFocus: (event) => {
+      props.onFocus?.(event);
+      openCalendar(field);
+    },
+    onClick: (event) => {
+      props.onClick?.(event);
+      if (!event.defaultPrevented)
+        openCalendar(field);
+    },
+    onInput: (event) => {
+      if (pendingValue.current?.field === field)
+        pendingValue.current = null;
+      props.onInput?.(event);
+    },
+    onKeyDown: (event) => {
+      props.onKeyDown?.(event);
+      if (event.defaultPrevented || calendarDisabled || event.nativeEvent.isComposing || event.keyCode === 229)
+        return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        focusOnOpen.current = true;
+        openCalendar(field);
+        if (calendarOpen)
+          focusCalendar();
+      } else if (event.key === "Escape" && calendarOpen && popoverOptions.closeOnEscape !== false) {
+        event.preventDefault();
+        event.stopPropagation();
+        dismissCalendar();
+      }
+    }
+  });
+  const config = rangeSizes[size];
+  const changeRange = (pair) => {
+    setLocal(pair);
+    onChange?.(pair);
+  };
+  const updateEndpoint = (index, next) => {
+    const pair = [...current];
+    pair[index] = next;
+    if (pair[0] && pair[1] && pair[0] > pair[1]) {
+      if (index === 0)
+        pair[1] = null;
+      else
+        pair[0] = null;
+    }
+    return pair;
+  };
+  const selectFromCalendar = (pair) => {
+    if (!calendarOpen)
+      return;
+    const input = inputs.current[activeField];
+    if (input?.ownerDocument.activeElement === input)
+      dropdownRef.current?.focus();
+    pendingValue.current = value !== void 0 && pair[activeField] !== current[activeField] ? { field: activeField, previous: current[activeField] } : null;
+    changeRange(pair);
+    focusOnClose.current = true;
+    setOpened(false);
+  };
+  const wrapperProps = {
+    label,
+    description,
+    error,
+    required,
+    withAsterisk
+  };
+  const rangeFont = {
+    md: "sw:text-[14px] sw:leading-[22px]",
+    sm: "sw:text-[12px] sw:leading-[18px]"
+  };
+  const nativeClasses = {
+    root: "sw:h-full sw:min-w-0 sw:flex-1",
+    wrapper: "sw:h-full",
+    input: "sw:h-full sw:min-h-0 sw:rounded-none sw:border-0 sw:bg-transparent sw:p-0 sw:font-normal sw:text-[#262626] sw:placeholder:text-[#8c8c8c] sw:disabled:bg-transparent sw:disabled:text-[#bfbfbf] sw:disabled:placeholder:text-[#bfbfbf]"
+  };
+  return /* @__PURE__ */ jsx21(Input.Wrapper, { ...wrapperProps, labelElement: "div", role: "group", "aria-labelledby": label ? inputId + "-label" : void 0, ref, w: w ?? sizeClasses[size].rangeWidth, maw: maw ?? "100%", id: inputId, onBlur: (event) => {
+    const next = event.relatedTarget;
+    if (calendarOpen && next && !event.currentTarget.contains(next) && !dropdownRef.current?.contains(next)) {
+      setOpened(false);
+    }
+  }, classNames: {
+    root: cx15("sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", classNames?.root),
+    label: classNames?.label,
+    error: classNames?.error,
+    description: classNames?.description
+  }, children: /* @__PURE__ */ jsxs7(Popover, { position: "bottom-start", unstyled, ...popoverOptions, opened: calendarOpen, disabled: calendarDisabled, onChange: setOpened, onDismiss, withRoles: false, closeOnEscape: false, onEnterTransitionEnd: () => {
+    if (focusOnOpen.current)
+      focusCalendar();
+    onEnterTransitionEnd?.();
+  }, children: [
+    /* @__PURE__ */ jsx21(Popover.Target, { children: /* @__PURE__ */ jsxs7("div", { className: cx15("sw:group/date-input sw:flex sw:items-center", sizeClasses[size].rangeRadius, config, sizeClasses[size].height, props.disabled ? disabledRangeAppearances[appearance] : rangeAppearances[appearance], Boolean(error) && "sw:shadow-[inset_0_0_0_1px_#ff4d4f]", classNames?.wrapper), children: [
+      [0, 1].map((field) => /* @__PURE__ */ jsxs7(Fragment, { children: [
+        field === 1 && /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: cx15("sw:w-[16px] sw:shrink-0 sw:text-center", props.disabled ? "sw:text-[#bfbfbf]" : "sw:text-[#8c8c8c]"), children: "-" }),
+        /* @__PURE__ */ jsx21(MantineDateInput, { ref: (node) => {
+          inputs.current[field] = node;
+        }, ...props, ...inputEvents(field), popoverProps: { disabled: true }, "aria-haspopup": "dialog", "aria-expanded": calendarOpen, "aria-controls": calendarOpen ? dropdownId : void 0, required, id: inputId + (field === 0 ? "-start" : "-end"), name: props.name ? props.name + "." + field : void 0, "aria-describedby": description ? inputId + "-description" : void 0, label: void 0, description: void 0, error: Boolean(error), size, value: current[field], onChange: (next) => changeRange(updateEndpoint(field, next)), "aria-label": field === 0 ? startLabel : endLabel, placeholder: field === 0 ? startPlaceholder : endPlaceholder, valueFormat: props.valueFormat ?? "YYYY/MM/DD", rightSection: null, rightSectionWidth: 0, classNames: {
+          ...nativeClasses,
+          input: cx15(nativeClasses.input, rangeFont[size], classNames?.input)
+        } }, inputVersions[field])
+      ] }, field)),
+      /* @__PURE__ */ jsx21("span", { className: cx15("sw:shrink-0", classNames?.section), children: /* @__PURE__ */ jsx21(DateInputCalendarIcon, { size, appearance, disabled: props.disabled }) })
+    ] }) }),
+    /* @__PURE__ */ jsxs7(Popover.Dropdown, { id: dropdownId, ref: (node) => {
+      dropdownRef.current = node;
+      if (node && focusOnOpen.current)
+        focusCalendar();
+    }, role: "dialog", "aria-label": activeField === 0 ? startLabel : endLabel, tabIndex: -1, onKeyDown: (event) => {
+      if (event.key === "Escape" && popoverOptions.closeOnEscape !== false) {
+        event.preventDefault();
+        event.stopPropagation();
+        dismissCalendar(true);
+      }
+    }, children: [
+      /* @__PURE__ */ jsx21("div", { className: "sw:mb-[8px]", children: /* @__PURE__ */ jsx21(DateRangeShortcuts, { minDate: props.minDate, maxDate: props.maxDate, excludeDate: props.excludeDate, getDayProps: props.getDayProps, onChange: selectFromCalendar }) }),
+      /* @__PURE__ */ jsx21(MantineDatePicker, { ...calendarProps, ...calendarAppearance, size, defaultDate: current[activeField] ?? props.defaultDate, value: current[activeField], allowDeselect: props.allowDeselect ?? props.clearable, onChange: (next) => selectFromCalendar(updateEndpoint(activeField, next)) }, activeField)
+    ] })
+  ] }) });
+});
+RangeDateInput.displayName = "SWorks/DateInput.Range";
+var DateInput = Object.assign(SingleDateInput, { Range: RangeDateInput });
+
+// src/components/DatePicker/DatePicker.tsx
+import { forwardRef as forwardRef17, useState as useState6 } from "react";
+import cx17 from "clsx";
+import dayjs2 from "dayjs";
+import { Paper, ActionIcon, Button as Button3 } from "@s-works/s-works-ui/core";
+import { DatePicker as MantineDatePicker2, DatesProvider, useDatesContext } from "@s-works/s-works-ui/dates";
+
+// src/components/Select/Select.tsx
+import { forwardRef as forwardRef16 } from "react";
+import cx16 from "clsx";
+import { Select as MantineSelect } from "@s-works/s-works-ui/core";
+
+// src/components/Select/icons.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function ChevronDown(props) {
+  return /* @__PURE__ */ jsx22("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx22("path", { d: "M11.0293 6.03477C11.289 5.77508 11.711 5.77508 11.9707 6.03477C12.2304 6.29447 12.2304 6.71648 11.9707 6.97618L8.47071 10.4762C8.21102 10.7359 7.78901 10.7359 7.52931 10.4762L4.02931 6.97618C3.76961 6.71648 3.76961 6.29447 4.02931 6.03477C4.28901 5.77508 4.71102 5.77508 4.97071 6.03477L8.00001 9.06407L11.0293 6.03477Z", fill: "currentColor" }) });
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx22("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx22("path", { d: "M13.0293 3.5293C13.289 3.2696 13.711 3.2696 13.9707 3.5293C14.2304 3.789 14.2304 4.211 13.9707 4.4707L6.4707 11.9707L6 12.4404L5.5293 11.9707L2.0293 8.4707C1.7696 8.211 1.7696 7.789 2.0293 7.5293C2.289 7.2696 2.711 7.2696 2.9707 7.5293L6 10.5586L13.0293 3.5293Z", fill: "currentColor" }) });
+}
+
+// src/components/Select/Select.tsx
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+var sizes = {
+  lg: { input: "sw:pe-[44px] sw:text-[16px] sw:leading-[24px]", noIconInput: "sw:h-[48px] sw:ps-[16px]", iconInput: "sw:h-[44px] sw:ps-[44px]", option: "sw:h-[48px] sw:px-[12px] sw:text-[16px] sw:leading-[24px]", dropdown: "sw:p-[8px] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)]", radius: 8, section: 48 },
+  md: { input: "sw:h-[40px] sw:pe-[36px] sw:text-[14px] sw:leading-[22px]", noIconInput: "sw:ps-[12px]", iconInput: "sw:ps-[36px]", option: "sw:h-[40px] sw:px-[8px] sw:text-[14px] sw:leading-[22px]", dropdown: "sw:p-[8px] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)]", radius: 8, section: 40 },
+  sm: { input: "sw:h-[32px] sw:pe-[32px] sw:text-[14px] sw:leading-[22px]", noIconInput: "sw:ps-[8px]", iconInput: "sw:ps-[32px]", option: "sw:h-[32px] sw:px-[8px] sw:text-[14px] sw:leading-[22px]", dropdown: "sw:p-[6px] sw:shadow-[inset_0_0_0_0.5px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)]", radius: 6, section: 32 }
+};
+var appearances2 = {
+  filled: "sw:bg-[#f2f3f5] sw:enabled:hover:bg-[#e5e6eb] sw:enabled:focus:bg-white sw:enabled:focus:shadow-[inset_0_0_0_1px_#165dff] sw:data-[expanded]:bg-white sw:data-[expanded]:shadow-[inset_0_0_0_1px_#165dff]",
+  outlined: "sw:bg-white sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)] sw:enabled:hover:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)] sw:enabled:focus:shadow-[inset_0_0_0_1px_#165dff] sw:data-[expanded]:shadow-[inset_0_0_0_1px_#165dff]"
+};
+var tones = {
+  blue: "sw:hover:bg-[#165dff]/[0.05] sw:data-[checked]:bg-[#165dff]/[0.05] sw:data-[combobox-selected]:bg-[#165dff]/[0.05]",
+  dark: "sw:hover:bg-black/[0.03] sw:data-[checked]:bg-black/[0.03] sw:data-[combobox-selected]:bg-black/[0.03]",
+  neutral: "sw:hover:bg-black/[0.03] sw:data-[checked]:bg-white sw:data-[combobox-selected]:bg-black/[0.03]"
+};
+function resolveSelectProps({ size = "md", leftSection, appearance: _appearance, menuTone: _menuTone, optionIcon: _optionIcon, ...props } = {}) {
+  return { size, radius: sizes[size].radius, w: 280, maw: "100%", leftSectionWidth: sizes[size].section, rightSectionWidth: sizes[size].section, rightSectionPointerEvents: "none", placeholder: "\u8BF7\u9009\u62E9", withScrollArea: false, ...props, leftSection };
+}
+function resolveSelectClassNames({ size = "md", appearance = "filled", menuTone = "blue", hasLeftSection = false } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx16("sw:group/select sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: cx16("sw:min-h-0 sw:border-0 sw:py-0 sw:font-normal sw:text-[#262626] sw:placeholder:text-[#262626] sw:disabled:cursor-not-allowed sw:disabled:text-[#bfbfbf] sw:disabled:placeholder:text-[#bfbfbf] sw:disabled:opacity-100 sw:data-[error]:text-[#ff4d4f] sw:data-[error]:shadow-[inset_0_0_0_1px_#ff4d4f]", sizes[size].input, hasLeftSection ? sizes[size].iconInput : sizes[size].noIconInput, appearances2[appearance], overrides.input),
+    section: cx16("sw:text-[#262626] sw:group-has-[[disabled]]/select:text-[#bfbfbf] sw:data-[position=right]:end-0 sw:data-[position=left]:start-0", overrides.section),
+    dropdown: cx16("sw:rounded-[8px] sw:border-0 sw:bg-white sw:text-[#262626] sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", sizes[size].dropdown, overrides.dropdown),
+    options: cx16("sw:p-0", overrides.options),
+    option: cx16("sw:flex sw:items-center sw:gap-[8px] sw:rounded-[4px] sw:border-0 sw:bg-white sw:py-0 sw:font-normal sw:text-[#262626] sw:data-[combobox-selected]:text-[#262626] sw:data-[combobox-disabled]:cursor-not-allowed sw:data-[combobox-disabled]:bg-white sw:data-[combobox-disabled]:text-[#bfbfbf] sw:data-[combobox-disabled]:opacity-100", sizes[size].option, tones[menuTone], overrides.option),
+    empty: cx16("sw:px-[8px] sw:py-[12px] sw:text-[14px] sw:leading-[22px] sw:text-[#8c8c8c]", overrides.empty)
+  };
+}
+function SelectChevron() {
+  return /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "sw:flex sw:h-[16px] sw:w-[16px] sw:group-has-[[data-expanded]]/select:-scale-y-100", children: /* @__PURE__ */ jsx23(ChevronDown, {}) });
+}
+function SelectOptionContent({ icon, label, checked, withCheckIcon }) {
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    icon && /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", className: "sw:flex sw:h-[16px] sw:w-[16px] sw:shrink-0", children: icon }),
+    /* @__PURE__ */ jsx23("span", { className: "sw:min-w-0 sw:flex-1 sw:truncate", children: label }),
+    checked && withCheckIcon && /* @__PURE__ */ jsx23("span", { className: "sw:flex sw:h-[16px] sw:w-[16px] sw:shrink-0", children: /* @__PURE__ */ jsx23(CheckIcon, {}) })
+  ] });
+}
+var Select = forwardRef16(({ size = "md", appearance = "filled", menuTone = "blue", optionIcon, classNames, rightSection, renderOption, withCheckIcon = Boolean(optionIcon), comboboxProps, ...props }, ref) => /* @__PURE__ */ jsx23(MantineSelect, { ref, ...resolveSelectProps({ size, ...props }), withCheckIcon, comboboxProps: { offset: 4, ...comboboxProps }, rightSection: rightSection === void 0 ? /* @__PURE__ */ jsx23(SelectChevron, {}) : rightSection, renderOption: renderOption ?? (({ option, checked }) => /* @__PURE__ */ jsx23(SelectOptionContent, { icon: optionIcon, label: option.label, checked: Boolean(checked), withCheckIcon })), classNames: (theme, values, context) => resolveSelectClassNames({ size, appearance, menuTone, hasLeftSection: Boolean(props.leftSection) }, typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+Select.displayName = "SWorks/Select";
+
+// src/components/DatePicker/icons.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function ChevronLeft(props) {
+  return /* @__PURE__ */ jsx24("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx24("path", { d: "M9.0293 4.0293C9.289 3.7696 9.711 3.7696 9.9707 4.0293C10.2304 4.289 10.2304 4.711 9.9707 4.9707L6.94141 8L9.9707 11.0293C10.2304 11.289 10.2304 11.711 9.9707 11.9707C9.711 12.2304 9.289 12.2304 9.0293 11.9707L5.5293 8.4707C5.2696 8.211 5.2696 7.789 5.5293 7.5293L9.0293 4.0293Z", fill: "currentColor" }) });
+}
+function ChevronRight(props) {
+  return /* @__PURE__ */ jsx24("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx24("path", { d: "M6.0293 4.0293C6.289 3.7696 6.711 3.7696 6.9707 4.0293L10.4707 7.5293C10.7304 7.789 10.7304 8.211 10.4707 8.4707L6.9707 11.9707C6.711 12.2304 6.289 12.2304 6.0293 11.9707C5.7696 11.711 5.7696 11.289 6.0293 11.0293L9.05859 8L6.0293 4.9707C5.7696 4.711 5.7696 4.289 6.0293 4.0293Z", fill: "currentColor" }) });
+}
+
+// src/components/DatePicker/DatePicker.tsx
+import { jsx as jsx25, jsxs as jsxs9 } from "react/jsx-runtime";
+function resolveDatePickerClassNames(overrides = {}) {
+  return {
+    ...overrides,
+    calendarHeader: cx17("sw:hidden", overrides.calendarHeader),
+    levelsGroup: cx17("sw:gap-0", overrides.levelsGroup),
+    month: cx17("sw:block sw:w-[280px] sw:border-collapse", overrides.month),
+    monthThead: cx17("sw:block", overrides.monthThead),
+    monthTbody: cx17("sw:block", overrides.monthTbody),
+    weekdaysRow: cx17("sw:flex sw:h-[30px] sw:items-center sw:justify-between sw:px-[16px]", overrides.weekdaysRow),
+    weekday: cx17("sw:flex sw:h-[24px] sw:w-[24px] sw:items-center sw:justify-center sw:p-0 sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-black/[0.4]", overrides.weekday),
+    monthRow: cx17("sw:flex sw:h-[30px] sw:items-center sw:justify-between sw:px-[16px]", overrides.monthRow),
+    monthCell: cx17("sw:relative sw:h-[24px] sw:w-[24px] sw:p-0 sw:before:pointer-events-none sw:before:absolute sw:before:-inset-x-[8px] sw:before:inset-y-0 sw:has-[[data-in-range]]:before:bg-[#f3f7ff] sw:has-[[data-first-in-range]]:before:start-[12px] sw:has-[[data-last-in-range]]:before:end-[12px] sw:has-[[data-first-in-range][data-last-in-range]]:before:hidden", overrides.monthCell),
+    day: cx17("sw:relative sw:z-[1] sw:h-[24px] sw:w-[24px] sw:rounded-[3px] sw:border-0 sw:bg-transparent sw:p-0 sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-black sw:opacity-100 sw:hover:bg-transparent sw:hover:shadow-[inset_0_0_0_1px_#165dff] sw:data-[outside]:text-[#bfbfbf] sw:data-[outside]:opacity-100 sw:[&[data-today]:not([data-selected]):not([data-in-range])]:bg-[#f3f7ff] sw:[&[data-today]:not([data-selected]):not([data-in-range])]:text-[#0052d9] sw:data-[in-range]:rounded-[3px] sw:data-[in-range]:bg-transparent sw:data-[in-range]:text-black sw:data-[selected]:rounded-[3px] sw:data-[selected]:bg-[#165dff] sw:data-[selected]:text-white sw:data-[selected]:hover:bg-[#165dff] sw:data-[disabled]:cursor-not-allowed sw:data-[disabled]:bg-[#f2f3f5] sw:data-[disabled]:text-[#bfbfbf] sw:data-[disabled]:opacity-100 sw:data-[disabled]:shadow-[inset_0_0_0_1px_#e5e6eb] sw:data-[disabled]:hover:shadow-[inset_0_0_0_1px_#e5e6eb]", overrides.day)
+  };
+}
+var arrowClasses = { root: "sw:h-[24px] sw:min-h-0 sw:w-[24px] sw:min-w-0 sw:border-0 sw:bg-transparent sw:p-0 sw:text-[#262626] sw:hover:bg-[#f2f3f5] sw:disabled:bg-transparent sw:disabled:opacity-40" };
+function DatePickerInner({ type = "default", value, defaultValue, onChange, date, defaultDate, onDateChange, withFooter = type === "range", onConfirm, classNames, minDate, maxDate, excludeDate, locale, firstDayOfWeek = 0, weekdayFormat = "dd", ...props }, ref) {
+  const ctx = useDatesContext();
+  const [local, setLocal] = useState6(() => defaultValue ?? (type === "range" ? [null, null] : type === "multiple" ? [] : null));
+  const raw = value !== void 0 ? value : local;
+  const current = Array.isArray(raw) ? raw.map((item) => item ? dayjs2(item).format("YYYY-MM-DD") : null) : raw ? dayjs2(raw).format("YYYY-MM-DD") : null;
+  const initial = Array.isArray(current) ? current[0] : typeof current === "string" ? current : null;
+  const [localDate, setLocalDate] = useState6(() => dayjs2(defaultDate ?? initial ?? /* @__PURE__ */ new Date()).startOf("month").format("YYYY-MM-DD"));
+  const displayed = dayjs2(date ?? localDate).startOf("month");
+  const columns = type === "range" ? 2 : 1;
+  const changeMonth = (next) => {
+    setLocalDate(next);
+    onDateChange?.(next);
+  };
+  const change = (next) => {
+    setLocal(next);
+    onChange?.(next);
+  };
+  const today = dayjs2().format("YYYY-MM-DD");
+  const selectShortcut = (start, end = start) => {
+    change(type === "range" ? [start, end] : type === "multiple" ? [start] : start);
+    changeMonth(dayjs2(start).startOf("month").format("YYYY-MM-DD"));
+  };
+  const years = Array.from({ length: (maxDate ? dayjs2(maxDate).year() : Math.max(displayed.year() + 100, dayjs2().year() + 100)) - (minDate ? dayjs2(minDate).year() : Math.min(1900, displayed.year())) + 1 }, (_, index) => String(index + (minDate ? dayjs2(minDate).year() : Math.min(1900, displayed.year()))));
+  const months = Array.from({ length: 12 }, (_, index) => String(index + 1));
+  const selectDropdown = { withinPortal: false, floatingStrategy: "fixed" };
+  return /* @__PURE__ */ jsxs9(Paper, { ref, radius: 8, classNames: { root: cx17("sw:w-fit sw:bg-white sw:font-normal sw:text-[#262626] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)] sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]") }, children: [
+    type === "range" && /* @__PURE__ */ jsx25("div", { className: "sw:px-[12px] sw:pt-[12px]", children: /* @__PURE__ */ jsx25(DateRangeShortcuts, { minDate, maxDate, excludeDate, getDayProps: props.getDayProps, onChange: ([start, end]) => selectShortcut(start, end) }) }),
+    /* @__PURE__ */ jsx25("div", { className: "sw:flex", children: Array.from({ length: columns }, (_, index) => {
+      const month = displayed.add(index, "month");
+      const year = String(month.year());
+      const yearOptions = years.includes(year) ? years : [...years, { value: year, label: year, disabled: true }];
+      const previousDisabled = Boolean(minDate && displayed.subtract(1, "month").endOf("month").isBefore(minDate, "day"));
+      const nextDisabled = Boolean(maxDate && displayed.add(columns, "month").startOf("month").isAfter(maxDate, "day"));
+      return /* @__PURE__ */ jsxs9("div", { className: "sw:flex sw:h-[44px] sw:w-[280px] sw:items-center sw:justify-between sw:px-[12px] sw:pt-[12px]", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "sw:flex sw:gap-[8px]", children: [
+          /* @__PURE__ */ jsx25(Select, { "aria-label": `\u7B2C${index + 1}\u4E2A\u6708\u5E74\u4EFD`, size: "sm", appearance: "outlined", w: 80, value: year, data: yearOptions, allowDeselect: false, searchable: true, selectFirstOptionOnChange: true, nothingFoundMessage: "\u6CA1\u6709\u5339\u914D\u7684\u5E74\u4EFD", withScrollArea: true, comboboxProps: selectDropdown, onChange: (next) => {
+            if (next)
+              changeMonth(month.year(Number(next)).subtract(index, "month").format("YYYY-MM-DD"));
+          } }),
+          /* @__PURE__ */ jsx25(Select, { "aria-label": `\u7B2C${index + 1}\u4E2A\u6708\u6708\u4EFD`, size: "sm", appearance: "outlined", w: 80, value: String(month.month() + 1), data: months, allowDeselect: false, withScrollArea: true, comboboxProps: selectDropdown, onChange: (next) => {
+            if (next)
+              changeMonth(month.month(Number(next) - 1).subtract(index, "month").format("YYYY-MM-DD"));
+          } })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "sw:flex", children: [
+          /* @__PURE__ */ jsx25(ActionIcon, { "aria-label": `\u7B2C${index + 1}\u4E2A\u6708\u4E0A\u4E2A\u6708`, radius: 6, disabled: previousDisabled, classNames: arrowClasses, onClick: () => changeMonth(displayed.subtract(1, "month").format("YYYY-MM-DD")), children: /* @__PURE__ */ jsx25(ChevronLeft, {}) }),
+          /* @__PURE__ */ jsx25(ActionIcon, { "aria-label": `\u7B2C${index + 1}\u4E2A\u6708\u4E0B\u4E2A\u6708`, radius: 6, disabled: nextDisabled, classNames: arrowClasses, onClick: () => changeMonth(displayed.add(1, "month").format("YYYY-MM-DD")), children: /* @__PURE__ */ jsx25(ChevronRight, {}) })
+        ] })
+      ] }, index);
+    }) }),
+    /* @__PURE__ */ jsx25("div", { className: cx17("sw:pt-[12px]", !withFooter && "sw:pb-[12px]"), children: /* @__PURE__ */ jsx25(DatesProvider, { settings: { ...ctx, consistentWeeks: true }, children: /* @__PURE__ */ jsx25(MantineDatePicker2, { ...props, type, value: current, onChange: change, date: displayed.format("YYYY-MM-DD"), onDateChange: changeMonth, numberOfColumns: columns, columnsToScroll: 1, maxLevel: "month", firstDayOfWeek, weekdayFormat, locale: locale ?? ctx.locale, minDate, maxDate, excludeDate, hideOutsideDates: props.hideOutsideDates ?? false, withCellSpacing: false, classNames: (theme, values, context) => resolveDatePickerClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }) }) }),
+    withFooter && /* @__PURE__ */ jsx25("div", { className: "sw:flex sw:h-[48px] sw:items-start sw:justify-end sw:px-[16px] sw:pt-[8px] sw:pb-[16px]", children: type === "range" ? /* @__PURE__ */ jsx25(Button3, { radius: 4, disabled: !Array.isArray(current) || !current[0] || !current[1], classNames: { root: "sw:h-[24px] sw:min-h-0 sw:border-0 sw:bg-[#165dff] sw:px-[8px] sw:py-0 sw:text-[12px] sw:font-normal sw:leading-[18px] sw:text-white sw:hover:bg-[#165dff] sw:disabled:bg-[#f2f3f5] sw:disabled:text-[#bfbfbf]", label: "sw:font-normal" }, onClick: () => onConfirm?.(current), children: "\u786E\u5B9A" }) : /* @__PURE__ */ jsx25(Button3, { radius: 4, disabled: isDateShortcutDisabled(today, { minDate, maxDate, excludeDate, getDayProps: props.getDayProps }), fullWidth: true, classNames: dateShortcutClasses, onClick: () => selectShortcut(today), children: "\u4ECA\u5929" }) })
+  ] });
+}
+var DatePicker = forwardRef17(DatePickerInner);
+
+// src/components/TimePicker/TimePicker.tsx
+import { forwardRef as forwardRef18 } from "react";
+import cx18 from "clsx";
+import { Clock } from "lucide-react";
+import { useUncontrolled as useUncontrolled3 } from "@s-works/s-works-ui/hooks";
+import { TimePicker as MantineTimePicker } from "@s-works/s-works-ui/dates";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var timePickerSizes = {
+  sm: { input: "sw:h-[32px] sw:ps-[8px]", radius: 6, section: 32 },
+  md: { input: "sw:h-[40px] sw:ps-[12px]", radius: 8, section: 40 }
+};
+function resolveTimePickerClassNames(size, appearance, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx18("sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: cx18("sw:min-h-0 sw:border-0 sw:py-0 sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:data-[disabled]:cursor-not-allowed sw:data-[disabled]:text-[#bfbfbf] sw:data-[disabled]:opacity-100 sw:data-[error]:shadow-[inset_0_0_0_1px_#ff4d4f]", timePickerSizes[size].input, appearance === "filled" ? "sw:bg-[#f2f3f5] sw:hover:bg-[#e5e6eb] sw:focus-within:bg-white sw:focus-within:shadow-[inset_0_0_0_1px_#165dff] sw:data-[disabled]:bg-[#f2f3f5]" : "sw:bg-white sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)] sw:focus-within:shadow-[inset_0_0_0_1px_#165dff]", overrides.input),
+    fieldsGroup: cx18("sw:h-[24px]", overrides.fieldsGroup),
+    field: cx18("sw:min-w-[24px] sw:rounded-[4px] sw:text-inherit sw:disabled:text-[#bfbfbf] sw:focus:bg-[#165dff] sw:focus:text-white", overrides.field),
+    section: cx18("sw:text-[#8c8c8c] sw:data-[position=right]:end-0", overrides.section),
+    dropdown: cx18("sw:rounded-[8px] sw:border-0 sw:bg-white sw:p-[6px] sw:text-[#262626] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)]", overrides.dropdown),
+    control: cx18("sw:h-[32px] sw:min-w-[40px] sw:rounded-[4px] sw:text-[14px] sw:hover:bg-[#f3f7ff] sw:data-[active]:bg-[#165dff] sw:data-[active]:text-white", overrides.control),
+    presetControl: cx18("sw:h-[32px] sw:rounded-[4px] sw:text-[14px] sw:hover:bg-[#f3f7ff] sw:data-[active]:bg-[#165dff] sw:data-[active]:text-white", overrides.presetControl)
+  };
+}
+var TimePicker = forwardRef18(({ size = "md", appearance = "filled", withDropdown = true, classNames, popoverProps, rightSection, clearButtonProps, ...props }, ref) => {
+  const [opened, setOpened] = useUncontrolled3({
+    value: popoverProps?.opened,
+    defaultValue: popoverProps?.defaultOpened ?? false,
+    onChange: popoverProps?.onChange
+  });
+  const canOpen = withDropdown && !props.disabled && !props.readOnly && !popoverProps?.disabled;
+  const showClock = rightSection === void 0 && !props.clearable;
+  const openDropdown = () => {
+    if (canOpen && !opened)
+      setOpened(true);
+  };
+  return /* @__PURE__ */ jsx26(MantineTimePicker, { ref, w: 220, maw: "100%", radius: timePickerSizes[size].radius, rightSectionWidth: timePickerSizes[size].section, rightSectionPointerEvents: showClock ? "none" : void 0, hoursInputLabel: "\u5C0F\u65F6", minutesInputLabel: "\u5206\u949F", secondsInputLabel: "\u79D2", amPmInputLabel: "\u4E0A\u5348\u6216\u4E0B\u5348", clearButtonProps: { "aria-label": "\u6E05\u7A7A\u65F6\u95F4", miw: 24, mih: 24, ...clearButtonProps }, ...props, size, withDropdown, rightSection: showClock ? /* @__PURE__ */ jsx26(Clock, { size: 16, "aria-hidden": true }) : rightSection, popoverProps: {
+    withinPortal: false,
+    floatingStrategy: "fixed",
+    ...popoverProps,
+    opened: canOpen && opened,
+    onChange: setOpened
+  }, onClickCapture: (event) => {
+    props.onClickCapture?.(event);
+    if (!event.defaultPrevented)
+      openDropdown();
+  }, onFocusCapture: (event) => {
+    props.onFocusCapture?.(event);
+    openDropdown();
+  }, onBlurCapture: (event) => {
+    props.onBlurCapture?.(event);
+    if (opened && !event.currentTarget.contains(event.relatedTarget))
+      setOpened(false);
+  }, onKeyDown: (event) => {
+    props.onKeyDown?.(event);
+    if (event.key !== "Escape" || event.defaultPrevented || event.nativeEvent.isComposing || event.keyCode === 229 || !canOpen || !opened || popoverProps?.closeOnEscape === false)
+      return;
+    event.preventDefault();
+    event.stopPropagation();
+    setOpened(false);
+    popoverProps?.onDismiss?.();
+  }, classNames: (theme, values, context) => resolveTimePickerClassNames(size, appearance, typeof classNames === "function" ? classNames(theme, values, context) : classNames) });
+});
+TimePicker.displayName = "SWorks/TimePicker";
+
+// src/components/Tabs/Tabs.tsx
+import { forwardRef as forwardRef19 } from "react";
+import cx19 from "clsx";
+import { Tabs as MantineTabs } from "@s-works/s-works-ui/core";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function resolveTabsClassNames({ variant = "default" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx19("sw:min-w-0 sw:max-w-full sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    list: cx19("sw:max-w-full sw:flex-nowrap sw:overflow-x-auto sw:before:hidden", variant === "pills" ? "sw:gap-[12px]" : "sw:gap-[16px]", overrides.list),
+    tab: cx19("sw:relative sw:h-[32px] sw:shrink-0 sw:justify-center sw:border-0 sw:py-0 sw:text-[14px] sw:font-normal sw:focus-visible:outline-offset-[-2px]", variant === "pills" ? "sw:rounded-[6px] sw:bg-white sw:px-[12px] sw:leading-[22px] sw:text-[#262626] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)] sw:hover:bg-[#f2f3f5] sw:data-[active]:bg-[#262626] sw:data-[active]:text-white sw:data-[active]:shadow-none sw:data-[active]:hover:bg-[#262626]" : "sw:min-w-[56px] sw:items-start sw:rounded-none sw:bg-transparent sw:px-[4px] sw:pb-[8px] sw:leading-[24px] sw:text-[#8c8c8c] sw:hover:bg-transparent sw:hover:text-[#262626] sw:data-[active]:font-semibold sw:data-[active]:text-[#262626] sw:after:absolute sw:after:bottom-[1px] sw:after:left-[calc(50%-12px)] sw:after:h-[3px] sw:after:w-[24px] sw:after:rounded-[4px] sw:after:bg-[#262626] sw:after:content-[''] sw:after:opacity-0 sw:data-[active]:after:opacity-100", overrides.tab),
+    tabLabel: cx19("sw:leading-[inherit]", overrides.tabLabel),
+    tabSection: cx19("sw:data-[position=left]:me-[8px] sw:data-[position=right]:ms-[8px]", overrides.tabSection),
+    panel: cx19("sw:min-w-0", overrides.panel)
+  };
+}
+var TabsRoot = forwardRef19(({ variant = "default", classNames, ...props }, ref) => /* @__PURE__ */ jsx27(MantineTabs, { ref, ...props, variant, classNames: (theme, values, context) => resolveTabsClassNames({ variant }, typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+TabsRoot.displayName = "SWorks/Tabs";
+var Tabs = Object.assign(TabsRoot, {
+  List: MantineTabs.List,
+  Tab: MantineTabs.Tab,
+  Panel: MantineTabs.Panel
+});
+
+// src/components/TagsInput/TagsInput.tsx
+import { forwardRef as forwardRef20 } from "react";
+import cx20 from "clsx";
+import { Combobox, OptionsDropdown, Pill, PillsInput } from "@s-works/s-works-ui/core";
+
+// src/components/TagsInput/controller.tsx
+import { useEffect as useEffect6, useRef as useRef6 } from "react";
+import { extractStyleProps, getParsedComboboxData, getOptionsLockup, useCombobox, useMantineTheme } from "@s-works/s-works-ui/core";
+import { useId as useId4, useMergedRef, useUncontrolled as useUncontrolled4 } from "@s-works/s-works-ui/hooks";
+import { Fragment as Fragment4, jsx as jsx28 } from "react/jsx-runtime";
+function useTagsInputController(props, ref) {
+  const { size = "md", value, defaultValue, onChange, searchValue, defaultSearchValue, onSearchChange, data, maxTags = Infinity, allowDuplicates = false, isDuplicate, onDuplicate, splitChars = [","], onRemove, onClear, acceptValueOnBlur = true, openOnFocus = true, readOnly, disabled, onKeyDown, onFocus, onBlur, onPaste, dropdownOpened, defaultDropdownOpened, onDropdownOpen, onDropdownClose, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, filter, limit, withScrollArea = true, maxDropdownHeight = 250, scrollAreaProps, renderOption, clearable, clearButtonProps, hiddenInputProps, hiddenInputValuesDivider = ",", name, form, id, classNames, label, description, error, required, withAsterisk, labelProps, descriptionProps, errorProps, wrapperProps, inputContainer, inputWrapperOrder, withErrorStyles, leftSection, leftSectionWidth, leftSectionPointerEvents, leftSectionProps, rightSection, rightSectionWidth, rightSectionPointerEvents, rightSectionProps, radius, mod, attributes, unstyled, variant, vars, className, style, styles, ...others } = props;
+  const { styleProps, rest: { type: _type, ...fieldRest } } = extractStyleProps(others);
+  const theme = useMantineTheme();
+  const overrides = typeof classNames === "function" ? classNames(theme, props, void 0) : classNames;
+  const [tags, setTags] = useUncontrolled4({ value, defaultValue, finalValue: [], onChange });
+  const [search, setSearch] = useUncontrolled4({
+    value: searchValue,
+    defaultValue: defaultSearchValue,
+    finalValue: "",
+    onChange: onSearchChange
+  });
+  const inputRef = useRef6(null), fieldRef = useMergedRef(inputRef, ref), inputId = useId4(id);
+  const ownStore = useCombobox({
+    opened: dropdownOpened,
+    defaultOpened: defaultDropdownOpened,
+    onDropdownOpen: () => {
+      onDropdownOpen?.();
+      if (selectFirstOptionOnDropdownOpen)
+        ownStore.selectFirstOption();
+    },
+    onDropdownClose: () => {
+      onDropdownClose?.();
+      ownStore.resetSelectedOption();
+    }
+  });
+  const store = comboboxProps?.store ?? ownStore;
+  const setSearchValue = (text) => {
+    setSearch(text);
+    store.resetSelectedOption();
+  };
+  const duplicate = (tag, current) => isDuplicate ? isDuplicate(tag, current) : current.some((t) => t.toLowerCase() === tag.toLowerCase());
+  const append = (items, submit2 = false) => {
+    if (disabled || readOnly)
+      return;
+    const next = [...tags];
+    for (const raw of items) {
+      const tag = raw.trim();
+      if (!tag)
+        continue;
+      const repeated = duplicate(tag, next);
+      if (repeated) {
+        onDuplicate?.(tag);
+        if (!allowDuplicates)
+          continue;
+      }
+      if (next.length >= maxTags)
+        break;
+      next.push(tag);
+      if (submit2)
+        onOptionSubmit?.(tag);
+    }
+    if (next.length !== tags.length)
+      setTags(next);
+    setSearchValue("");
+  };
+  const split = (text) => {
+    if (!splitChars.length)
+      return [text];
+    const escaped = splitChars.map((char) => char.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+    return text.split(new RegExp(escaped.join("|")));
+  };
+  const remove = (index) => {
+    if (disabled || readOnly)
+      return;
+    onRemove?.(tags[index]);
+    setTags(tags.filter((_, i) => i !== index));
+    inputRef.current?.focus();
+  };
+  const parsed = getParsedComboboxData(data), lookup = getOptionsLockup(parsed);
+  const available = (items) => items.flatMap((item) => {
+    if ("group" in item) {
+      const children = available(item.items);
+      return children.length ? [{ ...item, items: children }] : [];
+    }
+    return tags.some((t) => t.toLowerCase() === item.label.toLowerCase()) ? [] : [item];
+  });
+  const options = available(parsed);
+  useEffect6(() => {
+    if (selectFirstOptionOnChange)
+      store.selectFirstOption();
+  }, [search, tags, selectFirstOptionOnChange, store]);
+  const submit = (selected) => {
+    if (!disabled && !readOnly && lookup[selected] && !lookup[selected].disabled)
+      append([lookup[selected].label], true);
+  };
+  const rootProps = {
+    ...styleProps,
+    label,
+    description,
+    error,
+    required,
+    withAsterisk,
+    labelProps,
+    descriptionProps,
+    errorProps,
+    wrapperProps,
+    inputContainer,
+    inputWrapperOrder,
+    withErrorStyles,
+    leftSection,
+    leftSectionWidth,
+    leftSectionPointerEvents,
+    leftSectionProps,
+    rightSection,
+    rightSectionWidth,
+    rightSectionPointerEvents,
+    rightSectionProps,
+    radius,
+    mod,
+    attributes,
+    unstyled,
+    variant,
+    vars: vars ? (_theme, _props, ctx) => vars(_theme, { ...props, classNames: void 0 }, ctx) : void 0,
+    className,
+    style,
+    styles: typeof styles === "function" ? styles(theme, { ...props, classNames: void 0 }, void 0) : styles,
+    disabled,
+    id: inputId
+  };
+  const fieldProps = {
+    ...fieldRest,
+    id: inputId,
+    ref: fieldRef,
+    value: search,
+    disabled,
+    readOnly,
+    required: required && tags.length === 0,
+    onChange: (event) => {
+      setSearchValue(event.currentTarget.value);
+      store.openDropdown();
+    },
+    onFocus: (event) => {
+      onFocus?.(event);
+      if (openOnFocus && !disabled && !readOnly)
+        store.openDropdown();
+    },
+    onBlur: (event) => {
+      onBlur?.(event);
+      if (acceptValueOnBlur)
+        append([search], true);
+      store.closeDropdown();
+    },
+    onKeyDown: (event) => {
+      onKeyDown?.(event);
+      if (event.defaultPrevented || event.isPropagationStopped() || event.nativeEvent.isComposing || disabled || readOnly)
+        return;
+      if (event.key === "Enter" && search.trim() && store.getSelectedOptionIndex() < 0) {
+        event.preventDefault();
+        append([search], true);
+      }
+      if (splitChars.includes(event.key) && search.trim()) {
+        event.preventDefault();
+        append(split(search));
+      }
+      if (event.key === "Backspace" && !search && tags.length)
+        remove(tags.length - 1);
+    },
+    onPaste: (event) => {
+      onPaste?.(event);
+      if (event.defaultPrevented || disabled || readOnly)
+        return;
+      event.preventDefault();
+      append(split(search + event.clipboardData.getData("text/plain")));
+    }
+  };
+  return {
+    props,
+    size,
+    overrides,
+    tags,
+    search,
+    store,
+    rootProps,
+    fieldProps,
+    options,
+    filter,
+    limit,
+    withScrollArea,
+    maxDropdownHeight,
+    scrollAreaProps,
+    renderOption,
+    comboboxProps,
+    submit,
+    remove,
+    clearable: clearable && tags.length > 0 && !disabled && !readOnly,
+    clearButtonProps,
+    clear: () => {
+      setTags([]);
+      setSearchValue("");
+      inputRef.current?.focus();
+      onClear?.();
+    },
+    hiddenInputProps: {
+      name,
+      form,
+      value: tags,
+      valuesDivider: hiddenInputValuesDivider,
+      disabled,
+      ...hiddenInputProps
+    }
+  };
+}
+function TagsInputController({ fieldRef, render, ...props }) {
+  return /* @__PURE__ */ jsx28(Fragment4, { children: render(useTagsInputController(props, fieldRef)) });
+}
+
+// src/components/TagsInput/icons.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+function ChevronLarge(props) {
+  return /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", ...props, preserveAspectRatio: "none", overflow: "visible", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("path", { d: "M12.0293 7.03477C12.289 6.77508 12.711 6.77508 12.9707 7.03477C13.2304 7.29447 13.2304 7.71648 12.9707 7.97618L9.47071 11.4762C9.21102 11.7359 8.78901 11.7359 8.52931 11.4762L5.02931 7.97618C4.76961 7.71648 4.76961 7.29447 5.02931 7.03477C5.28901 6.77508 5.71102 6.77508 5.97071 7.03477L9.00001 10.0641L12.0293 7.03477Z", fill: "currentColor" }) }) }) });
+}
+function ChevronMedium(props) {
+  return /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", ...props, preserveAspectRatio: "none", overflow: "visible", width: "14.2222", height: "14.2222", viewBox: "0 0 14.2222 14.2222", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("path", { d: "M9.80383 5.36424C10.0347 5.1334 10.4098 5.1334 10.6406 5.36424C10.8715 5.59509 10.8715 5.97021 10.6406 6.20105L7.52952 9.31216C7.29868 9.543 6.92356 9.543 6.69272 9.31216L3.58161 6.20105C3.35076 5.97021 3.35076 5.59509 3.58161 5.36424C3.81245 5.1334 4.18757 5.1334 4.41841 5.36424L7.11112 8.05695L9.80383 5.36424Z", fill: "currentColor" }) }) });
+}
+function ChevronSmall(props) {
+  return /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", ...props, preserveAspectRatio: "none", overflow: "visible", width: "12.4444", height: "12.4444", viewBox: "0 0 12.4444 12.4444", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("g", { children: /* @__PURE__ */ jsx29("path", { d: "M8.57835 4.69371C8.78034 4.49173 9.10857 4.49173 9.31056 4.69371C9.51254 4.8957 9.51254 5.22393 9.31056 5.42592L6.58833 8.14814C6.38635 8.35013 6.05812 8.35013 5.85613 8.14814L3.13391 5.42592C2.93192 5.22393 2.93192 4.8957 3.13391 4.69371C3.33589 4.49173 3.66412 4.49173 3.86611 4.69371L6.22223 7.04983L8.57835 4.69371Z", fill: "currentColor" }) }) });
+}
+function CloseVector(props) {
+  return /* @__PURE__ */ jsx29("svg", { "aria-hidden": "true", ...props, preserveAspectRatio: "none", overflow: "visible", width: "6.33074", height: "6.33074", viewBox: "0 0 6.33074 6.33074", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("path", { d: "M5.19464 0.194563C5.45427 -0.0648887 5.87638 -0.0648198 6.13605 0.194563C6.3957 0.454208 6.39559 0.876257 6.13605 1.13597L4.10675 3.16527L6.13605 5.19456C6.3957 5.45421 6.39559 5.87626 6.13605 6.13597C5.87635 6.39567 5.45434 6.39567 5.19464 6.13597L3.16535 4.10667L1.13605 6.13597C0.87635 6.39567 0.454341 6.39567 0.194642 6.13597C-0.0647931 5.87625 -0.0649685 5.45417 0.194642 5.19456L2.22394 3.16527L0.194642 1.13597C-0.0647928 0.876248 -0.0649684 0.454174 0.194642 0.194563C0.454267 -0.0648888 0.876381 -0.0648196 1.13605 0.194563L3.16535 2.22386L5.19464 0.194563Z", fill: "currentColor" }) });
+}
+function CloseSmall(props) {
+  return /* @__PURE__ */ jsx29("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx29("g", { transform: "translate(4.834526538848877 4.834324836730957)", children: /* @__PURE__ */ jsx29(CloseVector, {}) }) });
+}
+function CloseVectorSmall() {
+  return /* @__PURE__ */ jsx29("svg", { preserveAspectRatio: "none", overflow: "visible", width: "4.74806", height: "4.74806", viewBox: "0 0 4.74806 4.74806", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx29("path", { d: "M3.89598 0.145922C4.0907 -0.0486666 4.40729 -0.0486149 4.60204 0.145922C4.79677 0.340656 4.79669 0.657193 4.60204 0.851977L3.08006 2.37395L4.60204 3.89592C4.79677 4.09066 4.79669 4.40719 4.60204 4.60198C4.40726 4.79675 4.09076 4.79675 3.89598 4.60198L2.37401 3.08L0.852037 4.60198C0.657263 4.79675 0.340756 4.79675 0.145982 4.60198C-0.0485949 4.40719 -0.0487264 4.09063 0.145982 3.89592L1.66795 2.37395L0.145982 0.851977C-0.0485946 0.657186 -0.0487263 0.34063 0.145982 0.145922C0.3407 -0.0486666 0.657286 -0.0486147 0.852037 0.145922L2.37401 1.66789L3.89598 0.145922Z", fill: "currentColor" }) });
+}
+function CloseSmallTwelve(props) {
+  return /* @__PURE__ */ jsx29("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx29("g", { transform: "translate(3.6258950233459473 3.6257436275482178)", children: /* @__PURE__ */ jsx29(CloseVectorSmall, {}) }) });
+}
+
+// src/components/TagsInput/TagsInput.tsx
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+var dimensions = {
+  lg: {
+    w: 320,
+    radius: 8,
+    section: 42,
+    remove: "sw:h-[16px] sw:w-[16px] sw:min-w-[16px] sw:disabled:h-[16px] sw:disabled:w-[16px] sw:disabled:min-w-[16px]",
+    pillHeight: 32,
+    pillSize: 14,
+    input: "sw:h-[48px] sw:pe-[38px]",
+    padding: "sw:ps-[8px]",
+    iconPadding: "sw:ps-[38px]",
+    pill: "sw:gap-[12px] sw:rounded-[3px] sw:px-[12px]",
+    label: "sw:text-[14px] sw:leading-[22px]",
+    field: "sw:h-[22px] sw:text-[14px] sw:leading-[22px]",
+    chevron: "sw:h-[18px] sw:w-[18px]",
+    border: "sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)]"
+  },
+  md: {
+    w: 280,
+    radius: 6,
+    section: 32,
+    remove: "sw:h-[16px] sw:w-[16px] sw:min-w-[16px] sw:disabled:h-[16px] sw:disabled:w-[16px] sw:disabled:min-w-[16px]",
+    pillHeight: 24,
+    pillSize: 12,
+    input: "sw:h-[40px] sw:pe-[32px] sw:data-[disabled]:pe-[36px]",
+    padding: "sw:ps-[8px]",
+    iconPadding: "sw:ps-[32px]",
+    pill: "sw:gap-[8px] sw:rounded-[3px] sw:px-[8px]",
+    label: "sw:text-[12px] sw:leading-[20px] sw:group-data-[disabled]/tag:leading-[18px]",
+    field: "sw:h-[20px] sw:text-[12px] sw:leading-[20px]",
+    chevron: "sw:h-[16px] sw:w-[16px]",
+    border: "sw:shadow-[inset_0_0_0_1px_#dedede]"
+  },
+  sm: {
+    w: 240,
+    radius: 6,
+    section: 30,
+    remove: "sw:h-[12px] sw:w-[12px] sw:min-w-[12px] sw:disabled:h-[12px] sw:disabled:w-[12px] sw:disabled:min-w-[12px]",
+    pillHeight: 20,
+    pillSize: 12,
+    input: "sw:h-[32px] sw:pe-[30px]",
+    padding: "sw:ps-[6px]",
+    iconPadding: "sw:ps-[30px]",
+    pill: "sw:gap-[4px] sw:px-[4px] sw:data-[disabled]:rounded-[3px]",
+    label: "sw:text-[12px] sw:leading-[20px] sw:group-data-[disabled]/tag:leading-[18px]",
+    field: "sw:h-[20px] sw:text-[12px] sw:leading-[20px]",
+    chevron: "sw:h-[14px] sw:w-[14px]",
+    border: "sw:shadow-[inset_0_0_0_1px_#dedede]"
+  }
+};
+function resolveTagsInputProps({ size = "md", ...props } = {}) {
+  return {
+    w: dimensions[size].w,
+    maw: "100%",
+    ...props,
+    size,
+    radius: props.radius ?? dimensions[size].radius,
+    leftSectionWidth: props.leftSectionWidth ?? dimensions[size].section,
+    rightSectionWidth: props.rightSectionWidth ?? (size === "md" && props.disabled ? 40 : dimensions[size].section),
+    rightSectionPointerEvents: props.rightSectionPointerEvents ?? "none"
+  };
+}
+function resolveTagsInputClassNames({ size = "md", hasLeftSection = false } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx20("sw:group/tags sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: cx20("sw:flex sw:min-h-0 sw:items-center sw:border-0 sw:bg-white sw:py-0 sw:text-[#262626] sw:[&:hover:not(:focus-within):not([data-disabled])]:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)] sw:focus-within:shadow-[inset_0_0_0_1px_#165dff] sw:data-[disabled]:bg-[#f2f3f5] sw:data-[disabled]:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)] sw:data-[error]:shadow-[inset_0_0_0_1px_#ff4d4f]", dimensions[size].input, dimensions[size].border, hasLeftSection ? dimensions[size].iconPadding : dimensions[size].padding, overrides.input),
+    pillsList: cx20("sw:w-full sw:min-w-0 sw:flex-nowrap sw:gap-[4px] sw:overflow-x-auto sw:[scrollbar-width:none]", overrides.pillsList),
+    pill: cx20("sw:group/tag sw:max-w-none sw:flex-none sw:bg-[#f3f7ff] sw:py-0 sw:font-normal sw:text-[#262626] sw:data-[disabled]:bg-[#f2f3f5] sw:data-[disabled]:text-[#bfbfbf] sw:data-[disabled]:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)]", dimensions[size].pill, size === "sm" ? hasLeftSection ? "sw:rounded-[3px]" : "sw:rounded-[4px] sw:group-focus-within/tags:rounded-[3px]" : void 0, overrides.pill),
+    pillLabel: cx20("sw:h-auto sw:font-normal", dimensions[size].label, overrides.pillLabel),
+    pillRemove: cx20("sw:flex sw:min-h-0 sw:flex-none sw:rounded-none sw:p-0 sw:text-[#bfbfbf] sw:hover:bg-transparent sw:disabled:flex sw:disabled:bg-transparent", dimensions[size].remove, overrides.pillRemove),
+    inputField: cx20("sw:min-w-[64px] sw:flex-1 sw:border-0 sw:bg-transparent sw:p-0 sw:text-[#262626] sw:placeholder:text-[#8c8c8c] sw:disabled:text-[#bfbfbf]", dimensions[size].field, overrides.inputField),
+    section: cx20("sw:text-[#bfbfbf] sw:data-[position=right]:end-0 sw:data-[position=left]:start-0", overrides.section),
+    dropdown: cx20("sw:rounded-[8px] sw:border-0 sw:bg-white sw:p-[8px] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08),0_8px_16px_rgba(0,0,0,0.1)] sw:[font-family:PingFang_SC,sans-serif]", overrides.dropdown),
+    options: cx20("sw:p-0", overrides.options),
+    option: cx20("sw:h-[40px] sw:rounded-[4px] sw:px-[8px] sw:py-0 sw:text-[14px] sw:font-normal sw:leading-[22px] sw:text-[#262626] sw:hover:bg-[#165dff]/[0.05] sw:data-[combobox-selected]:bg-[#165dff]/[0.05] sw:data-[combobox-disabled]:text-[#bfbfbf]", overrides.option)
+  };
+}
+var TagsInput = forwardRef20((props, ref) => /* @__PURE__ */ jsx30(TagsInputController, { ...props, fieldRef: ref, render: (ctx) => {
+  const classes = resolveTagsInputClassNames({ size: ctx.size, hasLeftSection: Boolean(ctx.rootProps.leftSection) }, ctx.overrides);
+  const d = dimensions[ctx.size];
+  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    /* @__PURE__ */ jsxs10(Combobox, { store: ctx.store, onOptionSubmit: ctx.submit, readOnly: ctx.props.readOnly, offset: 4, ...ctx.comboboxProps, classNames: classes, children: [
+      /* @__PURE__ */ jsx30(Combobox.DropdownTarget, { children: /* @__PURE__ */ jsx30(PillsInput, { ...resolveTagsInputProps({ ...ctx.rootProps, size: ctx.size }), classNames: classes, rightSection: ctx.clearable ? /* @__PURE__ */ jsx30(Combobox.ClearButton, { ...ctx.clearButtonProps, onClear: ctx.clear, "aria-label": ctx.clearButtonProps?.["aria-label"] ?? "\u6E05\u9664\u5168\u90E8\u6807\u7B7E", "aria-hidden": false, tabIndex: 0 }) : ctx.rootProps.rightSection === void 0 ? /* @__PURE__ */ jsx30("span", { "aria-hidden": "true", className: cx20("sw:flex sw:items-center sw:justify-center", d.chevron), children: ctx.size === "lg" ? /* @__PURE__ */ jsx30(ChevronLarge, {}) : ctx.size === "md" ? /* @__PURE__ */ jsx30(ChevronMedium, {}) : /* @__PURE__ */ jsx30(ChevronSmall, {}) }) : ctx.rootProps.rightSection, onClick: () => {
+        if (!ctx.props.disabled && !ctx.props.readOnly)
+          ctx.store.openDropdown();
+      }, children: /* @__PURE__ */ jsxs10(Pill.Group, { classNames: { group: classes.pillsList }, children: [
+        ctx.tags.map((tag, index) => /* @__PURE__ */ jsx30(Pill, { h: ctx.props.disabled && ctx.size === "md" ? 22 : d.pillHeight, fz: d.pillSize, disabled: ctx.props.disabled, withRemoveButton: !ctx.props.readOnly, onRemove: () => ctx.remove(index), classNames: {
+          root: classes.pill,
+          label: classes.pillLabel,
+          remove: classes.pillRemove
+        }, removeButtonProps: {
+          icon: ctx.size === "sm" ? /* @__PURE__ */ jsx30(CloseSmallTwelve, { className: "sw:block" }) : /* @__PURE__ */ jsx30(CloseSmall, { className: "sw:block" }),
+          "aria-label": "\u5220\u9664\u6807\u7B7E " + tag,
+          "aria-hidden": false,
+          disabled: ctx.props.disabled,
+          tabIndex: ctx.props.disabled ? -1 : 0
+        }, children: tag }, tag + "-" + index)),
+        /* @__PURE__ */ jsx30(Combobox.EventsTarget, { autoComplete: ctx.fieldProps.autoComplete, children: /* @__PURE__ */ jsx30(PillsInput.Field, { ...ctx.fieldProps, classNames: { field: classes.inputField } }) })
+      ] }) }) }),
+      /* @__PURE__ */ jsx30(OptionsDropdown, { data: ctx.options, search: ctx.search, filter: ctx.filter, limit: ctx.limit, withScrollArea: ctx.withScrollArea, maxDropdownHeight: ctx.maxDropdownHeight, scrollAreaProps: ctx.scrollAreaProps, renderOption: ctx.renderOption, hidden: ctx.props.disabled || ctx.props.readOnly || ctx.tags.length >= (ctx.props.maxTags ?? Infinity), hiddenWhenEmpty: true, unstyled: ctx.props.unstyled, "aria-label": ctx.props["aria-label"], labelId: ctx.props.label ? ctx.fieldProps.id + "-label" : void 0 })
+    ] }),
+    /* @__PURE__ */ jsx30(Combobox.HiddenInput, { ...ctx.hiddenInputProps })
+  ] });
+} }));
+TagsInput.displayName = "SWorks/TagsInput";
+
+// src/components/InputBase/InputBase.tsx
+import { forwardRef as forwardRef21 } from "react";
+import cx21 from "clsx";
+import { createPolymorphicComponent as createPolymorphicComponent2, InputBase as MantineInputBase } from "@s-works/s-works-ui/core";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var sizes2 = {
+  lg: {
+    input: "sw:h-[48px] sw:text-[16px] sw:leading-[24px]",
+    padding: "sw:ps-[16px]",
+    end: "sw:pe-[16px]",
+    left: "sw:ps-[44px] sw:focus:ps-[40px]",
+    right: "sw:pe-[44px]",
+    radius: 8,
+    section: 48
+  },
+  md: {
+    input: "sw:h-[40px] sw:text-[14px] sw:leading-[22px]",
+    padding: "sw:ps-[12px]",
+    end: "sw:pe-[12px]",
+    left: "sw:ps-[36px]",
+    right: "sw:pe-[36px]",
+    radius: 8,
+    section: 40
+  },
+  sm: {
+    input: "sw:h-[32px] sw:text-[14px] sw:leading-[22px]",
+    padding: "sw:ps-[8px]",
+    end: "sw:pe-[8px]",
+    left: "sw:ps-[32px]",
+    right: "sw:pe-[32px]",
+    radius: 6,
+    section: 32
+  }
+};
+var appearances3 = {
+  filled: "sw:bg-[#f2f3f5] sw:[&:enabled:hover:not(:focus)]:bg-[#e5e6eb] sw:enabled:focus:bg-white sw:enabled:focus:shadow-[inset_0_0_0_1px_#165dff]",
+  outlined: "sw:bg-white sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)] sw:[&:enabled:hover:not(:focus)]:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)] sw:enabled:focus:shadow-[inset_0_0_0_1px_#165dff]"
+};
+function resolveInputBaseProps({ size = "md", appearance: _appearance, ...props } = {}) {
+  return {
+    w: 220,
+    maw: "100%",
+    ...props,
+    size,
+    radius: props.radius ?? sizes2[size].radius,
+    leftSectionWidth: props.leftSectionWidth ?? sizes2[size].section,
+    rightSectionWidth: props.rightSectionWidth ?? sizes2[size].section,
+    leftSectionPointerEvents: props.leftSectionPointerEvents ?? "none",
+    inputWrapperOrder: props.inputWrapperOrder ?? ["label", "input", "description", "error"]
+  };
+}
+function resolveInputBaseClassNames({ size = "md", appearance = "filled", hasLeftSection = false, hasRightSection = false, disabled = false } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx21("sw:group/base sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    wrapper: cx21("sw:mb-0", overrides.wrapper),
+    input: cx21("sw:min-h-0 sw:border-0 sw:py-0 sw:font-normal sw:text-[#262626] sw:placeholder:text-[#8c8c8c] sw:disabled:cursor-not-allowed sw:disabled:text-[#bfbfbf] sw:disabled:placeholder:text-[#bfbfbf] sw:disabled:opacity-100 sw:data-[error]:shadow-[inset_0_0_0_1px_#ff4d4f]", sizes2[size].input, hasLeftSection ? sizes2[size].left : sizes2[size].padding, hasRightSection ? sizes2[size].right : sizes2[size].end, appearances3[appearance], overrides.input),
+    section: cx21("sw:data-[position=left]:start-0 sw:data-[position=right]:end-0", disabled ? "sw:text-[#bfbfbf]" : "sw:text-[#8c8c8c] sw:group-has-[input:not(:placeholder-shown)]/base:text-[#262626]", overrides.section),
+    description: cx21("sw:mb-0 sw:mt-[4px] sw:text-[12px] sw:font-normal sw:leading-[18px] sw:text-[#8c8c8c]", overrides.description),
+    error: cx21("sw:mt-[4px] sw:text-[12px] sw:leading-[18px] sw:text-[#ff4d4f]", overrides.error)
+  };
+}
+var InputBaseRoot = forwardRef21(({ size = "md", appearance = "filled", classNames, ...props }, ref) => /* @__PURE__ */ jsx31(MantineInputBase, { ref, ...resolveInputBaseProps({ size, ...props }), classNames: (theme, values, context) => resolveInputBaseClassNames({
+  size,
+  appearance,
+  disabled: props.disabled,
+  hasLeftSection: Boolean(props.leftSection),
+  hasRightSection: Boolean(props.rightSection)
+}, typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+InputBaseRoot.displayName = "SWorks/InputBase";
+var InputBase = createPolymorphicComponent2(InputBaseRoot);
+
+// src/components/Tag/Tag.tsx
+import { forwardRef as forwardRef22 } from "react";
+import cx22 from "clsx";
+import { Badge as MantineBadge, CloseButton, createPolymorphicComponent as createPolymorphicComponent3 } from "@s-works/s-works-ui/core";
+
+// src/components/Tag/icons.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function CloseVector2(props) {
+  return /* @__PURE__ */ jsx32("svg", { preserveAspectRatio: "none", overflow: "visible", width: "6.33074", height: "6.33074", viewBox: "0 0 6.33074 6.33074", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx32("path", { d: "M5.19464 0.194563C5.45427 -0.0648887 5.87638 -0.0648198 6.13605 0.194563C6.3957 0.454208 6.39559 0.876257 6.13605 1.13597L4.10675 3.16527L6.13605 5.19456C6.3957 5.45421 6.39559 5.87626 6.13605 6.13597C5.87635 6.39567 5.45434 6.39567 5.19464 6.13597L3.16535 4.10667L1.13605 6.13597C0.87635 6.39567 0.454341 6.39567 0.194642 6.13597C-0.0647931 5.87625 -0.0649685 5.45417 0.194642 5.19456L2.22394 3.16527L0.194642 1.13597C-0.0647928 0.876248 -0.0649684 0.454174 0.194642 0.194563C0.454267 -0.0648888 0.876381 -0.0648196 1.13605 0.194563L3.16535 2.22386L5.19464 0.194563Z", fill: "white" }) });
+}
+function TagCloseIcon(props) {
+  return /* @__PURE__ */ jsx32("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx32("g", { transform: "translate(4.834526538848877 4.834324836730957)", children: /* @__PURE__ */ jsx32(CloseVector2, {}) }) });
+}
+
+// src/components/Tag/Tag.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var sizes3 = {
+  lg: {
+    h: 32,
+    fz: 14,
+    px: 12,
+    line: "sw:leading-[22px]",
+    start: "me-[8px]",
+    end: "ms-[8px]",
+    r: { base: 4, rounded: 6, pill: 16 }
+  },
+  md: {
+    h: 24,
+    fz: 12,
+    px: 8,
+    line: "sw:leading-[18px]",
+    start: "me-[4px]",
+    end: "ms-[4px]",
+    r: { base: 3, rounded: 6, pill: 12 }
+  },
+  sm: {
+    h: 20,
+    fz: 12,
+    px: 6,
+    line: "sw:leading-[18px]",
+    start: "me-[4px]",
+    end: "ms-[4px]",
+    r: { base: 3, rounded: 4, pill: 12 }
+  }
+};
+var palette = {
+  neutral: {
+    filled: {
+      normal: "sw:text-[#262626] sw:bg-[#f2f3f5] sw:shadow-none",
+      disabled: "sw:text-[#bfbfbf] sw:bg-[#f2f3f5] sw:shadow-none"
+    },
+    outline: {
+      normal: "sw:text-[#262626] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)]",
+      disabled: "sw:text-[#bfbfbf] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)]"
+    },
+    soft: {
+      normal: "sw:text-[#262626] sw:bg-[#f5f5f5] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.08)]",
+      disabled: "sw:text-[#bfbfbf] sw:bg-[#f5f5f5] sw:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.05)]"
+    },
+    light: {
+      normal: "sw:text-[#262626] sw:bg-[#f5f5f5] sw:shadow-none",
+      disabled: "sw:text-[#bfbfbf] sw:bg-[#f5f5f5] sw:shadow-none"
+    }
+  },
+  primary: {
+    filled: {
+      normal: "sw:text-white sw:bg-[#165dff] sw:shadow-none",
+      disabled: "sw:text-white sw:bg-[#adc6ff] sw:shadow-none"
+    },
+    outline: {
+      normal: "sw:text-[#165dff] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#adc6ff] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    soft: {
+      normal: "sw:text-[#165dff] sw:bg-[#f3f7ff] sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#adc6ff] sw:bg-[#f3f7ff] sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    light: {
+      normal: "sw:text-[#165dff] sw:bg-[#f3f7ff] sw:shadow-none",
+      disabled: "sw:text-[#adc6ff] sw:bg-[#f3f7ff] sw:shadow-none"
+    }
+  },
+  success: {
+    filled: {
+      normal: "sw:text-white sw:bg-[#0dc15b] sw:shadow-none",
+      disabled: "sw:text-white sw:bg-[#b6ecce] sw:shadow-none"
+    },
+    outline: {
+      normal: "sw:text-[#0dc15b] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#b6ecce] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    soft: {
+      normal: "sw:text-[#0dc15b] sw:bg-[#e7f9ef] sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#b6ecce] sw:bg-[#e7f9ef] sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    light: {
+      normal: "sw:text-[#0dc15b] sw:bg-[#e7f9ef] sw:shadow-none",
+      disabled: "sw:text-[#b6ecce] sw:bg-[#e7f9ef] sw:shadow-none"
+    }
+  },
+  error: {
+    filled: {
+      normal: "sw:text-white sw:bg-[#fa8c16] sw:shadow-none",
+      disabled: "sw:text-white sw:bg-[#fdd7ad] sw:shadow-none"
+    },
+    outline: {
+      normal: "sw:text-[#fa8c16] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#fdd7ad] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    soft: {
+      normal: "sw:text-[#fa8c16] sw:bg-[#fff9f3] sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#fdd7ad] sw:bg-[#fff9f3] sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    light: {
+      normal: "sw:text-[#fa8c16] sw:bg-[#fff9f3] sw:shadow-none",
+      disabled: "sw:text-[#fdd7ad] sw:bg-[#fff9f3] sw:shadow-none"
+    }
+  },
+  warning: {
+    filled: {
+      normal: "sw:text-white sw:bg-[#f53f3f] sw:shadow-none",
+      disabled: "sw:text-white sw:bg-[#fbbcbc] sw:shadow-none"
+    },
+    outline: {
+      normal: "sw:text-[#f53f3f] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#fbbcbc] sw:bg-transparent sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    soft: {
+      normal: "sw:text-[#f53f3f] sw:bg-[#fef5f5] sw:shadow-[inset_0_0_0_1px_currentColor]",
+      disabled: "sw:text-[#fbbcbc] sw:bg-[#fef5f5] sw:shadow-[inset_0_0_0_1px_currentColor]"
+    },
+    light: {
+      normal: "sw:text-[#f53f3f] sw:bg-[#fef5f5] sw:shadow-none",
+      disabled: "sw:text-[#fbbcbc] sw:bg-[#fef5f5] sw:shadow-none"
+    }
+  }
+};
+function resolveTagProps({ size = "md", shape = "base", tone: _tone, variant: _variant, disabled: _disabled, closable: _closable, onClose: _onClose, closeButtonProps: _close, ...props } = {}) {
+  return {
+    h: sizes3[size].h,
+    fz: sizes3[size].fz,
+    px: sizes3[size].px,
+    ...props,
+    size,
+    radius: props.radius ?? sizes3[size].r[shape],
+    variant: "default"
+  };
+}
+function resolveTagClassNames({ size = "md", tone = "neutral", variant = "filled", disabled = false } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: cx22("sw:inline-flex sw:flex-none sw:items-center sw:border-0 sw:py-0 sw:font-normal sw:normal-case sw:tracking-[0px] sw:[font-family:PingFang_SC,sans-serif]", sizes3[size].line, palette[tone][variant][disabled ? "disabled" : "normal"], disabled ? "sw:cursor-not-allowed" : "", overrides.root),
+    label: cx22("sw:leading-[inherit]", overrides.label),
+    section: cx22("sw:inline-flex sw:shrink-0 sw:items-center sw:leading-none sw:data-[position=left]:ms-0 sw:data-[position=right]:me-0", size === "lg" ? "sw:data-[position=left]:me-[8px] sw:data-[position=right]:ms-[8px]" : "sw:data-[position=left]:me-[4px] sw:data-[position=right]:ms-[4px]", overrides.section)
+  };
+}
+function renderTagCloseButton({ disabled, onClose, closeButtonProps }) {
+  return /* @__PURE__ */ jsx33(CloseButton, { size: 16, radius: 0, c: "inherit", variant: "transparent", ...closeButtonProps, icon: closeButtonProps?.icon ?? /* @__PURE__ */ jsx33(TagCloseIcon, {}), disabled: disabled || closeButtonProps?.disabled, "aria-label": closeButtonProps?.["aria-label"] ?? "\u79FB\u9664\u6807\u7B7E", classNames: (theme, values, context) => {
+    const overrides = typeof closeButtonProps?.classNames === "function" ? closeButtonProps.classNames(theme, values, context) : closeButtonProps?.classNames;
+    return {
+      ...overrides,
+      root: cx22("sw:p-0 sw:hover:bg-transparent sw:disabled:bg-transparent sw:disabled:opacity-100", overrides?.root)
+    };
+  }, onClick: (event) => {
+    event.stopPropagation();
+    if (disabled)
+      return;
+    closeButtonProps?.onClick?.(event);
+    if (!event.defaultPrevented)
+      onClose?.(event);
+  } });
+}
+var TagRoot = forwardRef22(({ size = "md", tone = "neutral", variant = "filled", shape = "base", disabled = false, closable = false, onClose, closeButtonProps, classNames, onClick, onKeyDown, ...props }, ref) => /* @__PURE__ */ jsx33(MantineBadge, { component: "span", ...resolveTagProps({ size, shape, ...props }), ...props.component === "button" ? { disabled } : {}, ref, "aria-disabled": disabled || props["aria-disabled"], "data-disabled": disabled || void 0, rightSection: props.rightSection !== void 0 ? props.rightSection : closable ? renderTagCloseButton({ disabled, onClose, closeButtonProps }) : void 0, onClick: (event) => {
+  if (disabled) {
+    event.preventDefault();
+    event.stopPropagation();
+    return;
+  }
+  onClick?.(event);
+}, onKeyDown: (event) => {
+  if (disabled) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    return;
+  }
+  onKeyDown?.(event);
+}, classNames: (theme, values, context) => resolveTagClassNames({ size, tone, variant, disabled }, typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+TagRoot.displayName = "SWorks/Tag";
+var Tag = createPolymorphicComponent3(TagRoot);
+
+// src/components/CloseButton/CloseButton.tsx
+import { forwardRef as forwardRef23 } from "react";
+import cx23 from "clsx";
+import { CloseButton as MantineCloseButton, createPolymorphicComponent as createPolymorphicComponent4, rem as rem2 } from "@s-works/s-works-ui/core";
+
+// src/components/CloseButton/icons.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+function CloseLargeIcon(props) {
+  return /* @__PURE__ */ jsx34("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx34("path", { d: "M13.0296 2.02974C13.2893 1.77005 13.7113 1.77005 13.971 2.02974C14.2303 2.28947 14.2306 2.71157 13.971 2.97115L8.94169 8.00045L13.971 13.0297C14.2303 13.2895 14.2306 13.7116 13.971 13.9711C13.7114 14.2307 13.2893 14.2305 13.0296 13.9711L8.00028 8.94185L2.97099 13.9711C2.7114 14.2307 2.28929 14.2305 2.02958 13.9711C1.7699 13.7115 1.76994 13.2894 2.02958 13.0297L7.05888 8.00045L2.02958 2.97115C1.7699 2.71147 1.76994 2.28945 2.02958 2.02974C2.28928 1.77005 2.71129 1.77005 2.97099 2.02974L8.00028 7.05904L13.0296 2.02974Z", fill: "currentColor" }) });
+}
+function CloseMediumIcon(props) {
+  return /* @__PURE__ */ jsx34("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx34("path", { d: "M9.77218 1.52231C9.96696 1.32753 10.2835 1.32753 10.4782 1.52231C10.6727 1.7171 10.6729 2.03368 10.4782 2.22836L6.70627 6.00034L10.4782 9.77231C10.6727 9.9671 10.6729 10.2837 10.4782 10.4784C10.2836 10.673 9.96696 10.6728 9.77218 10.4784L6.00021 6.70639L2.22824 10.4784C2.03355 10.673 1.71697 10.6728 1.52218 10.4784C1.32743 10.2836 1.32746 9.96709 1.52218 9.77231L5.29416 6.00034L1.52218 2.22836C1.32743 2.0336 1.32746 1.71709 1.52218 1.52231C1.71696 1.32753 2.03346 1.32753 2.22824 1.52231L6.00021 5.29428L9.77218 1.52231Z", fill: "currentColor" }) });
+}
+function CloseSmallIcon(props) {
+  return /* @__PURE__ */ jsx34("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ jsx34("path", { d: "M6.51479 1.01487C6.64464 0.885023 6.85564 0.885023 6.98549 1.01487C7.11516 1.14474 7.11528 1.35579 6.98549 1.48558L4.47084 4.00022L6.98549 6.51487C7.11516 6.64474 7.11528 6.85579 6.98549 6.98557C6.8557 7.11533 6.64464 7.11523 6.51479 6.98557L4.00014 4.47093L1.48549 6.98557C1.3557 7.11533 1.14464 7.11523 1.01479 6.98557C0.884951 6.85574 0.884972 6.64472 1.01479 6.51487L3.52944 4.00022L1.01479 1.48558C0.884951 1.35574 0.884972 1.14472 1.01479 1.01487C1.14464 0.885023 1.35564 0.885023 1.48549 1.01487L4.00014 3.52952L6.51479 1.01487Z", fill: "currentColor" }) });
+}
+
+// src/components/CloseButton/CloseButton.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var closeButtonSizes = { lg: 24, md: 20, sm: 16 };
+function resolveCloseButtonProps({ size = "lg", radius, variant = "subtle", ...props }) {
+  return {
+    p: 0,
+    "aria-label": "\u5173\u95ED",
+    ...props,
+    size: typeof size === "string" ? closeButtonSizes[size] ?? size : size,
+    radius: radius ?? (size === "md" || size === 20 ? 5 : size === "sm" || size === 16 ? 4 : 6),
+    variant
+  };
+}
+function resolveCloseButtonIcon({ size = "lg", icon, iconSize }) {
+  if (icon !== void 0)
+    return icon;
+  const Glyph = size === "md" || size === 20 ? CloseMediumIcon : size === "sm" || size === 16 ? CloseSmallIcon : CloseLargeIcon;
+  return iconSize === void 0 ? /* @__PURE__ */ jsx35(Glyph, {}) : /* @__PURE__ */ jsx35(Glyph, { width: rem2(iconSize), height: rem2(iconSize) });
+}
+function resolveCloseButtonClassNames(overrides = {}) {
+  return {
+    root: cx23("sw:bg-transparent sw:text-[#262626] sw:[&[data-variant=subtle]:not(:disabled):not([data-disabled]):hover]:bg-[#f5f5f5]", overrides.root)
+  };
+}
+var CloseButtonRoot = forwardRef23(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx35(MantineCloseButton, { ...resolveCloseButtonProps(props), ref, icon: resolveCloseButtonIcon(props), classNames: (theme, values, context) => resolveCloseButtonClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+CloseButtonRoot.displayName = "SWorks/CloseButton";
+var CloseButton2 = createPolymorphicComponent4(CloseButtonRoot);
+
+// src/components/Loader/Loader.tsx
+import { forwardRef as forwardRef24 } from "react";
+import cx24 from "clsx";
+import { Loader as MantineLoader } from "@s-works/s-works-ui/core";
+
+// src/components/Loader/icons.tsx
+import { useId as useId5 } from "react";
+import { jsx as jsx36, jsxs as jsxs11 } from "react/jsx-runtime";
+function RingIcon(props) {
+  return /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsx36("path", { d: "M14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14V16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16V14C11.3137 14 14 11.3137 14 8Z", fill: "currentColor", fillOpacity: "0.1" }),
+    /* @__PURE__ */ jsx36("path", { d: "M8 0C12.4183 0 16 3.58172 16 8H14C14 4.68629 11.3137 2 8 2V0Z", fill: "currentColor" })
+  ] });
+}
+function GradientIcon(props) {
+  const id = useId5();
+  return /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ jsxs11("defs", { children: [
+      /* @__PURE__ */ jsx36("mask", { id: id + "-mask", children: /* @__PURE__ */ jsx36("path", { d: "M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8Z", strokeWidth: "2", stroke: "white" }) }),
+      /* @__PURE__ */ jsx36("clipPath", { id: id + "-clip", children: /* @__PURE__ */ jsx36("rect", { width: "16", height: "16", rx: "8" }) })
+    ] }),
+    /* @__PURE__ */ jsx36("g", { clipPath: `url(#${id}-clip)`, children: /* @__PURE__ */ jsx36("g", { mask: `url(#${id}-mask)`, children: /* @__PURE__ */ jsx36("g", { transform: "matrix(0 0.007 -0.007 0 8 8)", children: /* @__PURE__ */ jsx36("foreignObject", { x: "-2285.71", y: "-2285.71", width: "4571.43", height: "4571.43", children: /* @__PURE__ */ jsx36("div", { className: "sw:h-full sw:w-full sw:bg-[conic-gradient(from_90deg,rgba(22,93,255,0)_0deg,rgba(22,93,255,0.5)_90deg,rgba(22,93,255,0.5)_144deg,rgba(22,93,255,0.5)_216deg,rgba(22,93,255,0)_270deg,rgba(22,93,255,0)_360deg)]" }) }) }) }) })
+  ] });
+}
+
+// src/components/Loader/Loader.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var RingLoader = forwardRef24((props, ref) => /* @__PURE__ */ jsx37("span", { ...props, ref, children: /* @__PURE__ */ jsx37(RingIcon, { className: "sw:block sw:h-full sw:w-full sw:animate-spin sw:motion-reduce:animate-none" }) }));
+RingLoader.displayName = "SWorks/RingLoader";
+var GradientLoader = forwardRef24((props, ref) => /* @__PURE__ */ jsx37("span", { ...props, ref, children: /* @__PURE__ */ jsx37(GradientIcon, { className: "sw:block sw:h-full sw:w-full sw:animate-spin sw:motion-reduce:animate-none" }) }));
+GradientLoader.displayName = "SWorks/GradientLoader";
+var loaderTypes = {
+  ...MantineLoader.defaultLoaders,
+  ring: RingLoader,
+  gradient: GradientLoader
+};
+function resolveLoaderProps({ size = 16, color = "#165dff", type = "ring", loaders, ...props } = {}) {
+  return {
+    role: "status",
+    "aria-label": "\u6B63\u5728\u52A0\u8F7D",
+    ...props,
+    size,
+    color,
+    type,
+    loaders: { ...loaderTypes, ...loaders }
+  };
+}
+function resolveLoaderClassNames(overrides = {}) {
+  return {
+    root: cx24("sw:relative sw:inline-flex sw:h-[var(--loader-size)] sw:w-[var(--loader-size)] sw:shrink-0 sw:items-center sw:justify-center sw:text-[var(--loader-color)]", overrides.root)
+  };
+}
+var LoaderRoot = forwardRef24(({ classNames, ...props }, ref) => /* @__PURE__ */ jsx37(MantineLoader, { ...resolveLoaderProps(props), ref, classNames: (theme, values, context) => resolveLoaderClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+LoaderRoot.displayName = "SWorks/Loader";
+var Loader = Object.assign(LoaderRoot, {
+  defaultLoaders: loaderTypes
+});
+
+// src/components/Layout/Layout.tsx
+import { forwardRef as forwardRef25 } from "react";
+import { Flex } from "@s-works/s-works-ui/core";
+import cx25 from "clsx";
+
+// src/components/Layout/use-layout-state.ts
+import { useCallback as useCallback2, useRef as useRef7 } from "react";
+import { useUncontrolled as useUncontrolled5 } from "@s-works/s-works-ui/hooks";
+function useLayoutState(options) {
+  const [isCollapsed, setCollapsed] = useUncontrolled5({ value: options.collapsed, defaultValue: options.defaultCollapsed, finalValue: false, onChange: options.onCollapsedChange });
+  const [expandedWidth, setExpandedWidth] = useUncontrolled5({ value: options.siderWidth, defaultValue: options.defaultSiderWidth, finalValue: 260, onChange: options.onSiderWidthChange });
+  const clamp = (value) => Math.min(400, Math.max(220, Math.round(Number.isFinite(value) ? value : 260)));
+  const width = isCollapsed ? 56 : clamp(expandedWidth);
+  const drag = useRef7(null);
+  const resizeHandleRef = useCallback2((node) => {
+    if (!node)
+      drag.current = null;
+  }, []);
+  const onPointerDown = (event) => {
+    if (!event.isPrimary || event.button !== 0 || isCollapsed || drag.current)
+      return;
+    const renderedWidth = event.currentTarget.parentElement?.getBoundingClientRect().width ?? width;
+    event.currentTarget.setPointerCapture(event.pointerId);
+    drag.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startWidth: width,
+      unitsPerPixel: renderedWidth > 0 ? width / renderedWidth : 1
+    };
+    event.preventDefault();
+  };
+  const onPointerMove = (event) => {
+    const active = drag.current;
+    if (active?.pointerId !== event.pointerId || isCollapsed)
+      return;
+    const delta = (event.clientX - active.startX) * active.unitsPerPixel;
+    setExpandedWidth(clamp(active.startWidth + delta));
+  };
+  const onPointerEnd = (event) => {
+    if (drag.current?.pointerId !== event.pointerId)
+      return;
+    drag.current = null;
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      setCollapsed(!isCollapsed);
+    } else if (!isCollapsed && ["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
+      event.preventDefault();
+      setExpandedWidth(event.key === "Home" ? 220 : event.key === "End" ? 400 : clamp(width + (event.key === "ArrowRight" ? 8 : -8)));
+    }
+  };
+  return { width, isCollapsed, resizeHandleRef, onPointerDown, onPointerMove, onPointerEnd, onKeyDown };
+}
+
+// src/components/Layout/Layout.tsx
+import { jsx as jsx38, jsxs as jsxs12 } from "react/jsx-runtime";
+function LayoutRoot({ children, sider, header, panel, footer, centered = false, collapsed, defaultCollapsed = false, onCollapsedChange, siderWidth, defaultSiderWidth = 260, onSiderWidthChange, resizable = false, h = 900, w = "100%", classNames, ...props }, ref) {
+  const layoutState = useLayoutState({ collapsed, defaultCollapsed, onCollapsedChange, siderWidth, defaultSiderWidth, onSiderWidthChange });
+  return /* @__PURE__ */ jsxs12(Flex, { ...props, ref, h, w, direction: "row", wrap: "nowrap", classNames: (theme, values, context) => ({ root: cx25("sw:min-h-0 sw:min-w-0 sw:overflow-hidden sw:bg-white sw:[font-family:PingFang_SC,sans-serif] sw:text-[16px] sw:font-medium sw:leading-[24px] sw:tracking-[0px] sw:text-[#165dff]", (typeof classNames === "function" ? classNames(theme, values, context) : classNames)?.root) }), children: [
+    sider !== null && /* @__PURE__ */ jsxs12(Flex, { component: "aside", "aria-label": "\u4FA7\u8FB9\u533A\u57DF", w: layoutState.width, h: "100%", pos: "relative", direction: "column", classNames: { root: "sw:min-h-0 sw:shrink-0 sw:bg-[#adc6ff]" }, children: [
+      /* @__PURE__ */ jsx38(Flex, { px: 12, direction: "column", align: "center", classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: /* @__PURE__ */ jsx38("div", { className: "sw:my-auto sw:w-full sw:shrink-0 sw:text-center", children: sider ?? (layoutState.isCollapsed ? /* @__PURE__ */ jsx38("span", { className: "sw:text-[12px] sw:leading-[18px]", children: "\u4FA7\u680F" }) : /* @__PURE__ */ jsxs12("span", { className: "sw:text-center", children: [
+        "Sider",
+        /* @__PURE__ */ jsx38("br", {}),
+        "\u4FA7\u8FB9\u533A\u57DF"
+      ] })) }) }),
+      resizable && /* @__PURE__ */ jsx38("div", { ref: layoutState.resizeHandleRef, role: "separator", "aria-label": "\u8C03\u6574\u4FA7\u680F\u5BBD\u5EA6", "aria-orientation": "vertical", "aria-valuemin": layoutState.isCollapsed ? 56 : 220, "aria-valuemax": 400, "aria-valuenow": layoutState.width, tabIndex: 0, onKeyDown: layoutState.onKeyDown, onPointerDown: layoutState.onPointerDown, onPointerMove: layoutState.onPointerMove, onPointerUp: layoutState.onPointerEnd, onPointerCancel: layoutState.onPointerEnd, onLostPointerCapture: layoutState.onPointerEnd, className: "sw:absolute sw:inset-y-0 sw:right-0 sw:w-[4px] sw:touch-none sw:cursor-col-resize sw:hover:bg-[#3975ff] sw:focus-visible:bg-[#3975ff] sw:focus-visible:outline-none" })
+    ] }),
+    /* @__PURE__ */ jsxs12(Flex, { direction: "column", classNames: { root: "sw:min-h-0 sw:min-w-0 sw:flex-1" }, children: [
+      header !== null && /* @__PURE__ */ jsx38(Flex, { component: "header", h: 66, px: 12, align: "center", justify: "center", classNames: { root: "sw:shrink-0 sw:bg-[#d0dfff]" }, children: header ?? "Header \u9876\u90E8\u533A\u57DF" }),
+      /* @__PURE__ */ jsxs12(Flex, { classNames: { root: "sw:min-h-0 sw:min-w-0 sw:flex-1" }, children: [
+        /* @__PURE__ */ jsx38(Flex, { pt: 24, px: 32, pb: 32, gap: 16, direction: "column", classNames: { root: "sw:min-h-0 sw:min-w-0 sw:flex-1 sw:overflow-auto" }, children: /* @__PURE__ */ jsx38(Flex, { maw: centered ? 840 : void 0, w: "100%", mx: centered ? "auto" : void 0, px: 12, direction: "column", align: "center", justify: "center", classNames: { root: "sw:min-h-full sw:shrink-0 sw:bg-[#f3f7ff] sw:text-center" }, children: children ?? (centered ? /* @__PURE__ */ jsxs12("span", { children: [
+          "Centered Content \u5C45\u4E2D\u5185\u5BB9\u533A\u57DF",
+          /* @__PURE__ */ jsx38("br", {}),
+          "\u6700\u5927\u5BBD\u5EA6 840 px"
+        ] }) : /* @__PURE__ */ jsxs12("span", { children: [
+          "Content \u5185\u5BB9\u533A\u57DF",
+          /* @__PURE__ */ jsx38("br", {}),
+          "\u586B\u6EE1\u5269\u4F59\u7A7A\u95F4"
+        ] })) }) }),
+        panel !== void 0 && panel !== null && /* @__PURE__ */ jsx38(Flex, { component: "aside", "aria-label": "\u8F85\u52A9\u533A\u57DF", w: 300, px: 12, direction: "column", align: "center", classNames: { root: "sw:min-h-0 sw:shrink-0 sw:overflow-auto sw:bg-[#d0dfff]" }, children: /* @__PURE__ */ jsx38("div", { className: "sw:my-auto sw:w-full sw:shrink-0 sw:text-center", children: panel }) })
+      ] }),
+      footer !== void 0 && footer !== null && /* @__PURE__ */ jsx38(Flex, { component: "footer", h: 48, px: 12, align: "center", justify: "center", classNames: { root: "sw:shrink-0 sw:bg-[#d0dfff]" }, children: footer })
+    ] })
+  ] });
+}
+var Layout = forwardRef25(LayoutRoot);
+Layout.displayName = "SWorks/Layout";
+
+// src/components/ThreeColumnLayout/ThreeColumnLayout.tsx
+import { forwardRef as forwardRef26, useId as useId6, useRef as useRef9 } from "react";
+import { ActionIcon as ActionIcon2, Button as Button4, Flex as Flex2 } from "@s-works/s-works-ui/core";
+import { PanelLeft, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2, X } from "lucide-react";
+import cx26 from "clsx";
+
+// src/components/ThreeColumnLayout/use-resizable-panel.ts
+import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef8 } from "react";
+import { useUncontrolled as useUncontrolled6 } from "@s-works/s-works-ui/hooks";
+function useResizablePanel(options) {
+  const [opened, setOpened] = useUncontrolled6({
+    value: options.opened,
+    defaultValue: options.defaultOpened,
+    finalValue: true,
+    onChange: options.onOpenedChange
+  });
+  const [collapsed, setCollapsed] = useUncontrolled6({
+    value: options.collapsed,
+    defaultValue: options.defaultCollapsed,
+    finalValue: false,
+    onChange: options.onCollapsedChange
+  });
+  const [expandedWidth, updateWidth, widthControlled] = useUncontrolled6({
+    value: options.width,
+    defaultValue: options.defaultWidth,
+    finalValue: options.defaultWidth,
+    onChange: options.onWidthChange
+  });
+  const storageKey = widthControlled ? void 0 : options.storageKey;
+  const clamp = (value) => Math.min(options.max, Math.max(options.min, Math.round(Number.isFinite(value) ? value : options.defaultWidth)));
+  useEffect7(() => {
+    if (!storageKey)
+      return;
+    try {
+      const saved = window.localStorage.getItem(storageKey);
+      if (saved !== null && Number.isFinite(Number(saved)))
+        updateWidth(clamp(Number(saved)));
+    } catch {
+    }
+  }, [storageKey]);
+  const setWidth = (value) => {
+    const next = clamp(value);
+    updateWidth(next);
+    if (storageKey) {
+      try {
+        window.localStorage.setItem(storageKey, String(next));
+      } catch {
+      }
+    }
+  };
+  const width = opened ? collapsed ? 56 : clamp(expandedWidth) : 0;
+  const drag = useRef8(null);
+  const resizeHandleRef = useCallback3((node) => {
+    if (!node)
+      drag.current = null;
+  }, []);
+  const onPointerDown = (event) => {
+    if (!event.isPrimary || event.button !== 0 || !opened || collapsed || drag.current)
+      return;
+    const renderedWidth = event.currentTarget.parentElement?.getBoundingClientRect().width ?? width;
+    event.currentTarget.setPointerCapture(event.pointerId);
+    drag.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      width,
+      unitsPerPixel: renderedWidth > 0 ? width / renderedWidth : 1
+    };
+    event.preventDefault();
+  };
+  const onPointerMove = (event) => {
+    const active = drag.current;
+    if (!active || active.pointerId !== event.pointerId || !opened || collapsed)
+      return;
+    const direction = options.side === "left" ? 1 : -1;
+    setWidth(clamp(active.width + direction * (event.clientX - active.startX) * active.unitsPerPixel));
+  };
+  const onPointerEnd = (event) => {
+    if (drag.current?.pointerId !== event.pointerId)
+      return;
+    drag.current = null;
+    if (event.currentTarget.hasPointerCapture(event.pointerId))
+      event.currentTarget.releasePointerCapture(event.pointerId);
+  };
+  const onKeyDown = (event) => {
+    if (!opened || collapsed || !["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key))
+      return;
+    event.preventDefault();
+    const direction = options.side === "left" ? 1 : -1;
+    setWidth(event.key === "Home" ? options.min : event.key === "End" ? options.max : clamp(width + direction * (event.key === "ArrowRight" ? 8 : -8)));
+  };
+  const changeOpened = (value) => {
+    drag.current = null;
+    setOpened(value);
+  };
+  const changeCollapsed = (value) => {
+    drag.current = null;
+    setCollapsed(value);
+  };
+  return {
+    opened,
+    collapsed,
+    width,
+    setWidth,
+    setOpened: changeOpened,
+    setCollapsed: changeCollapsed,
+    resizeHandleRef,
+    onPointerDown,
+    onPointerMove,
+    onPointerEnd,
+    onKeyDown
+  };
+}
+
+// src/components/ThreeColumnLayout/ThreeColumnLayout.tsx
+import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
+function ThreeColumnLayoutRoot({ renderContent, header, menuHeader, agentHeader, appearance = "diagram", children, menu, agent, title = "Content \u5185\u5BB9\u533A", menuTitle, agentTitle = "Ask Agent", menuOpened, defaultMenuOpened = true, onMenuOpenedChange, agentOpened, defaultAgentOpened = true, onAgentOpenedChange, menuCollapsed, defaultMenuCollapsed = false, onMenuCollapsedChange, menuWidth, defaultMenuWidth = 260, onMenuWidthChange, agentWidth, defaultAgentWidth = 410, onAgentWidthChange, resizable = true, menuStorageKey, h = 900, w = "100%", bg = "white", c = appearance === "workspace" ? "#262626" : "#165dff", bdrs = 0, bd = "0", classNames, ...props }, ref) {
+  const menuState = useResizablePanel({
+    side: "left",
+    width: menuWidth,
+    defaultWidth: defaultMenuWidth,
+    onWidthChange: onMenuWidthChange,
+    opened: menuOpened,
+    defaultOpened: defaultMenuOpened,
+    onOpenedChange: onMenuOpenedChange,
+    collapsed: menuCollapsed,
+    defaultCollapsed: defaultMenuCollapsed,
+    onCollapsedChange: onMenuCollapsedChange,
+    storageKey: menuStorageKey,
+    min: 220,
+    max: 400
+  });
+  const agentState = useResizablePanel({
+    side: "right",
+    width: agentWidth,
+    defaultWidth: defaultAgentWidth,
+    onWidthChange: onAgentWidthChange,
+    opened: agentOpened,
+    defaultOpened: defaultAgentOpened,
+    onOpenedChange: onAgentOpenedChange,
+    min: 410,
+    max: 710
+  });
+  const instanceId = useId6();
+  const menuId = `${instanceId}-menu`;
+  const agentId = `${instanceId}-agent`;
+  const menuToggleRef = useRef9(null);
+  const agentToggleRef = useRef9(null);
+  const closeMenu = () => {
+    menuState.setOpened(false);
+    menuToggleRef.current?.focus();
+  };
+  const closeAgent = () => {
+    agentState.setOpened(false);
+    agentToggleRef.current?.focus();
+  };
+  const toggleAgent = () => {
+    if (agentState.opened)
+      closeAgent();
+    else {
+      agentState.setWidth(410);
+      agentState.setOpened(true);
+    }
+  };
+  const toggleCollapsed = () => {
+    menuState.setCollapsed(!menuState.collapsed);
+    menuToggleRef.current?.focus();
+  };
+  const controls = {
+    menuId,
+    menuOpened: menuState.opened,
+    menuCollapsed: menuState.collapsed,
+    agentOpened: agentState.opened,
+    toggleMenu: () => menuState.setOpened(!menuState.opened),
+    toggleCollapsed,
+    toggleAgent,
+    closeAgent,
+    menuToggleRef,
+    agentToggleRef
+  };
+  const toolClasses = {
+    root: "sw:shrink-0 sw:bg-white sw:text-[#165dff] sw:hover:bg-[#f3f7ff] sw:focus-visible:outline sw:focus-visible:outline-2 sw:focus-visible:outline-offset-2 sw:focus-visible:outline-[#165dff]"
+  };
+  return /* @__PURE__ */ jsx39(Flex2, { ...props, ref, h, w, bg, c, bdrs, bd, direction: "column", classNames: (theme, values, context) => ({
+    root: cx26("sw:min-h-0 sw:min-w-0 sw:overflow-x-auto sw:[font-family:Noto_Sans_SC,sans-serif] sw:text-[16px] sw:font-medium sw:leading-[24px]", (typeof classNames === "function" ? classNames(theme, values, context) : classNames)?.root)
+  }), children: /* @__PURE__ */ jsxs13(Flex2, { h: "100%", miw: menuState.width + agentState.width + 320, wrap: "nowrap", classNames: { root: "sw:min-h-0 sw:flex-1" }, children: [
+    /* @__PURE__ */ jsxs13(Flex2, { component: "aside", id: menuId, "aria-label": "\u5DE6\u4FA7\u83DC\u5355", "aria-hidden": !menuState.opened, display: menuState.opened ? "flex" : "none", w: menuState.width, pos: "relative", direction: "column", bg: appearance === "workspace" ? "#f9f9f9" : "#adc6ff", classNames: {
+      root: cx26("sw:min-h-0 sw:shrink-0", appearance === "workspace" && menuState.collapsed && "sw:after:pointer-events-none sw:after:absolute sw:after:inset-y-0 sw:after:right-0 sw:after:w-px sw:after:bg-[#f0f0f0] sw:after:content-['']")
+    }, children: [
+      /* @__PURE__ */ jsx39(Flex2, { h: 64, px: 12, gap: 4, align: "center", justify: "flex-end", classNames: { root: "sw:shrink-0" }, children: menuHeader ? menuHeader(controls) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        !menuState.collapsed && menuTitle !== void 0 && /* @__PURE__ */ jsx39(Flex2, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: menuTitle }),
+        /* @__PURE__ */ jsx39(ActionIcon2, { variant: "subtle", size: 32, radius: 6, "aria-label": menuState.collapsed ? "\u5C55\u5F00\u83DC\u5355" : "\u6298\u53E0\u83DC\u5355", "aria-expanded": !menuState.collapsed, "aria-controls": menuId, onClick: toggleCollapsed, classNames: toolClasses, children: menuState.collapsed ? /* @__PURE__ */ jsx39(ChevronRight2, { size: 16, "aria-hidden": true }) : /* @__PURE__ */ jsx39(ChevronLeft2, { size: 16, "aria-hidden": true }) }),
+        !menuState.collapsed && menu !== void 0 && /* @__PURE__ */ jsx39(ActionIcon2, { variant: "subtle", size: 32, radius: 6, "aria-label": "\u5173\u95ED\u83DC\u5355", onClick: closeMenu, classNames: toolClasses, children: /* @__PURE__ */ jsx39(X, { size: 16, "aria-hidden": true }) })
+      ] }) }),
+      /* @__PURE__ */ jsx39(Flex2, { direction: "column", px: appearance === "workspace" ? 0 : 12, pb: appearance === "workspace" ? 0 : 64, classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: typeof menu === "function" ? menu(menuState.collapsed) : menu ?? /* @__PURE__ */ jsx39("div", { className: "sw:my-auto sw:text-center", children: menuState.collapsed ? /* @__PURE__ */ jsx39("span", { className: "sw:text-[12px] sw:leading-[18px]", children: "Tab" }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        "Tabbar",
+        /* @__PURE__ */ jsx39("br", {}),
+        "\u5DE6\u4FA7\u5BFC\u822A"
+      ] }) }) }),
+      resizable && !menuState.collapsed && menuState.opened && /* @__PURE__ */ jsx39("div", { ref: menuState.resizeHandleRef, role: "separator", "aria-label": "\u8C03\u6574\u83DC\u5355\u5BBD\u5EA6", "aria-controls": menuId, "aria-orientation": "vertical", "aria-valuemin": 220, "aria-valuemax": 400, "aria-valuenow": menuState.width, tabIndex: 0, onPointerDown: menuState.onPointerDown, onPointerMove: menuState.onPointerMove, onPointerUp: menuState.onPointerEnd, onPointerCancel: menuState.onPointerEnd, onLostPointerCapture: menuState.onPointerEnd, onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          toggleCollapsed();
+        } else
+          menuState.onKeyDown(event);
+      }, className: "sw:absolute sw:inset-y-0 sw:right-[-2px] sw:z-10 sw:w-[4px] sw:touch-none sw:cursor-col-resize sw:bg-transparent sw:before:absolute sw:before:inset-y-0 sw:before:left-1/2 sw:before:w-px sw:before:bg-[#e5e5e5] sw:hover:bg-[#adc6ff] sw:focus-visible:bg-[#adc6ff] sw:focus-visible:outline-none" })
+    ] }),
+    /* @__PURE__ */ jsxs13(Flex2, { direction: "column", flex: 1, miw: 320, classNames: { root: "sw:min-h-0 sw:min-w-0" }, children: [
+      /* @__PURE__ */ jsx39(Flex2, { component: "header", h: 66, px: 32, gap: 16, bg: appearance === "workspace" ? "white" : "#d0dfff", align: "center", classNames: {
+        root: cx26("sw:shrink-0", appearance === "workspace" && "sw:border-0 sw:border-b sw:border-solid sw:border-[#f0f0f0]")
+      }, children: header ? header(controls) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx39(ActionIcon2, { ref: menuToggleRef, size: 32, radius: 6, variant: "subtle", "aria-label": menuState.opened ? "\u9690\u85CF\u83DC\u5355" : "\u663E\u793A\u83DC\u5355", "aria-expanded": menuState.opened, "aria-controls": menuId, onClick: () => menuState.setOpened(!menuState.opened), classNames: toolClasses, children: /* @__PURE__ */ jsx39(PanelLeft, { size: 18, "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx39(Flex2, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: title }),
+        /* @__PURE__ */ jsx39(Button4, { ref: agentToggleRef, size: "compact-sm", h: 32, w: 128, px: 12, radius: 8, bg: "white", variant: "light", color: "#165dff", "aria-expanded": agentState.opened, "aria-controls": agentId, onClick: toggleAgent, classNames: {
+          root: "sw:shrink-0 sw:focus-visible:outline sw:focus-visible:outline-2 sw:focus-visible:outline-offset-2 sw:focus-visible:outline-[#165dff]",
+          label: "sw:text-[14px] sw:font-medium sw:leading-[21px]"
+        }, children: agentTitle })
+      ] }) }),
+      /* @__PURE__ */ jsx39(Flex2, { direction: "column", pt: 24, px: 32, pb: 32, gap: 16, classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: renderContent ? renderContent(controls) : children ?? /* @__PURE__ */ jsxs13(Flex2, { direction: "column", align: "center", justify: "center", gap: 8, bdrs: 12, bg: "#f3f7ff", classNames: { root: "sw:min-h-full sw:shrink-0 sw:text-center" }, children: [
+        /* @__PURE__ */ jsx39("span", { className: "sw:text-[24px] sw:leading-[36px]", children: "Content \u5185\u5BB9\u533A\u57DF" }),
+        /* @__PURE__ */ jsx39("span", { className: "sw:text-[14px] sw:font-normal sw:leading-[21px]", children: "Fill \xB7 \u586B\u6EE1\u4E24\u4FA7\u533A\u57DF\u4EE5\u5916\u7684\u5269\u4F59\u7A7A\u95F4" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs13(Flex2, { component: "aside", id: agentId, "aria-label": agentTitle, "aria-hidden": !agentState.opened, display: agentState.opened ? "flex" : "none", w: agentState.width, pos: "relative", direction: "column", classNames: {
+      root: cx26("sw:min-h-0 sw:shrink-0", appearance === "workspace" ? "sw:bg-white" : "sw:bg-[#f3f7ff]")
+    }, children: [
+      /* @__PURE__ */ jsx39(Flex2, { h: 64, px: 16, gap: 12, bg: appearance === "workspace" ? "white" : "#d0dfff", align: "center", classNames: {
+        root: "sw:shrink-0"
+      }, children: agentHeader ? agentHeader(controls) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx39(Flex2, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: agentTitle }),
+        /* @__PURE__ */ jsx39(ActionIcon2, { size: 32, radius: 6, variant: "subtle", "aria-label": `\u5173\u95ED ${agentTitle}`, onClick: closeAgent, classNames: toolClasses, children: /* @__PURE__ */ jsx39(X, { size: 16, "aria-hidden": true }) })
+      ] }) }),
+      /* @__PURE__ */ jsx39(Flex2, { direction: "column", p: appearance === "workspace" ? 0 : 16, gap: 16, classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: agent ?? /* @__PURE__ */ jsxs13("div", { className: "sw:my-auto sw:text-center", children: [
+        /* @__PURE__ */ jsx39("div", { children: "Agent \u5185\u5BB9\u533A\u57DF" }),
+        /* @__PURE__ */ jsx39("div", { className: "sw:text-[14px] sw:font-normal sw:leading-[21px]", children: "\u968F\u9762\u677F\u5BBD\u5EA6\u9002\u914D" })
+      ] }) }),
+      resizable && agentState.opened && /* @__PURE__ */ jsx39("div", { ref: agentState.resizeHandleRef, role: "separator", "aria-label": "\u8C03\u6574 AskAgent \u5BBD\u5EA6", "aria-controls": agentId, "aria-orientation": "vertical", "aria-valuemin": 410, "aria-valuemax": 710, "aria-valuenow": agentState.width, tabIndex: 0, onPointerDown: agentState.onPointerDown, onPointerMove: agentState.onPointerMove, onPointerUp: agentState.onPointerEnd, onPointerCancel: agentState.onPointerEnd, onLostPointerCapture: agentState.onPointerEnd, onKeyDown: (event) => {
+        if (event.key === "Enter") {
+          event.preventDefault();
+          closeAgent();
+        } else
+          agentState.onKeyDown(event);
+      }, className: "sw:absolute sw:inset-y-0 sw:left-[-2px] sw:z-10 sw:w-[4px] sw:touch-none sw:cursor-col-resize sw:bg-transparent sw:before:absolute sw:before:inset-y-0 sw:before:left-1/2 sw:before:w-px sw:before:bg-[#e5e5e5] sw:hover:bg-[#adc6ff] sw:focus-visible:bg-[#adc6ff] sw:focus-visible:outline-none" })
+    ] })
+  ] }) });
+}
+var ThreeColumnLayout = forwardRef26(ThreeColumnLayoutRoot);
+ThreeColumnLayout.displayName = "SWorks/ThreeColumnLayout";
+
+// src/components/Space/Space.tsx
+import { Space } from "@s-works/s-works-ui/core";
+
+// src/components/Skeleton/Skeleton.tsx
+import { forwardRef as forwardRef27 } from "react";
+import cx27 from "clsx";
+import { Skeleton as MantineSkeleton } from "@s-works/s-works-ui/core";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function resolveSkeletonClassNames(overrides = {}) {
+  return {
+    root: cx27("sw:data-[visible]:after:bg-[rgba(46,50,56,0.05)] sw:motion-reduce:after:animate-none", overrides.root)
+  };
+}
+var SkeletonRoot = forwardRef27(({ animate = false, radius = 4, classNames, ...props }, ref) => /* @__PURE__ */ jsx40(MantineSkeleton, { ...props, ref, animate, radius, classNames: (theme, values, context) => resolveSkeletonClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+SkeletonRoot.displayName = "SWorks/Skeleton";
+var Skeleton = SkeletonRoot;
 export {
-  Button
+  Alert,
+  AppShell,
+  Breadcrumbs,
+  Button,
+  Checkbox,
+  CloseButton2 as CloseButton,
+  DateInput,
+  DatePicker,
+  InputBase,
+  Layout,
+  Loader,
+  Modal,
+  Pagination,
+  Radio,
+  Select,
+  Skeleton,
+  Space,
+  Switch,
+  Table,
+  Tabs,
+  Tag,
+  TagsInput,
+  ThreeColumnLayout,
+  TimePicker,
+  Title,
+  Toast,
+  Tooltip
 };