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

package/cjs/standard/index.cjs

@@ -31,7 +31,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Button: () => Button
+  Alert: () => Alert,
+  AppShell: () => AppShell,
+  Breadcrumbs: () => Breadcrumbs,
+  Button: () => Button,
+  Checkbox: () => Checkbox,
+  CloseButton: () => CloseButton2,
+  DateInput: () => DateInput,
+  DatePicker: () => DatePicker,
+  InputBase: () => InputBase,
+  Layout: () => Layout,
+  Loader: () => Loader,
+  Modal: () => Modal,
+  Pagination: () => Pagination,
+  Radio: () => Radio,
+  Select: () => Select,
+  Skeleton: () => Skeleton,
+  Space: () => import_core27.Space,
+  Switch: () => Switch,
+  Table: () => Table,
+  Tabs: () => Tabs,
+  Tag: () => Tag,
+  TagsInput: () => TagsInput,
+  ThreeColumnLayout: () => ThreeColumnLayout,
+  TimePicker: () => TimePicker,
+  Title: () => Title,
+  Toast: () => Toast,
+  Tooltip: () => Tooltip
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -73,19 +99,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 = {
@@ -144,3 +170,2604 @@ var ButtonRoot = (0, import_react.forwardRef)(({ classNames, ...props }, ref) =>
 } }));
 ButtonRoot.displayName = "SWorks/Button";
 var Button = (0, import_core.createPolymorphicComponent)(ButtonRoot);
+
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+var import_react3 = require("react");
+var import_clsx2 = __toESM(require("clsx"));
+var import_core2 = require("@s-works/s-works-ui/core");
+
+// src/components/Breadcrumbs/useBreadcrumbItems.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function useBreadcrumbItems(items, collapse = true, resetKey) {
+  const [expanded, setExpanded] = (0, import_react2.useState)(false);
+  const [previousKey, setPreviousKey] = (0, import_react2.useState)(resetKey);
+  if (previousKey !== resetKey) {
+    setPreviousKey(resetKey);
+    setExpanded(false);
+  }
+  const firstHidden = (0, import_react2.useRef)(null);
+  (0, import_react2.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__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-current": "page", children: item.label }, index);
+    }
+    return item.href ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, href: item.href, onClick: item.onClick, children: item.label }, index) : item.onClick ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, onClick: item.onClick, children: item.label }, index) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { tabIndex: index === 2 ? -1 : void 0, ref: (node) => {
+      if (index === 2)
+        firstHidden.current = node;
+    }, children: item.label }, index);
+  });
+}
+
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+var import_jsx_runtime3 = require("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: (0, import_clsx2.default)(breadcrumbsClassNames.root, overrides.root),
+    breadcrumb: (0, import_clsx2.default)(breadcrumbsClassNames.breadcrumb, overrides.breadcrumb),
+    separator: (0, import_clsx2.default)(breadcrumbsClassNames.separator, overrides.separator)
+  };
+}
+var Breadcrumbs = (0, import_react3.forwardRef)(({ items, collapse = true, classNames, separator = "/", ...props }, ref) => {
+  const children = useBreadcrumbItems(items, collapse);
+  if (!items.length)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Breadcrumbs, { ...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
+var import_react4 = require("react");
+var import_clsx3 = __toESM(require("clsx"));
+var import_core3 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime4 = require("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 = (0, import_react4.forwardRef)(({ preset = "h1-medium", order, classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core3.Title, { ...props, ref, order: order ?? presetOrders[preset], classNames: (theme, values, ctx) => {
+  const overrides = typeof classNames === "function" ? classNames(theme, values, ctx) : classNames;
+  return { root: (0, import_clsx3.default)(titleBaseClassNames.root, titlePresetClassNames[preset], overrides?.root) };
+} }));
+Title.displayName = "SWork/Title";
+
+// src/components/Tooltip/Tooltip.tsx
+var import_react5 = require("react");
+var import_clsx4 = __toESM(require("clsx"));
+var import_core4 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime5 = require("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: (0, import_clsx4.default)(tooltipClassNames.tooltip, overrides.tooltip),
+    arrow: overrides.arrow
+  };
+}
+var TooltipRoot = (0, import_react5.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core4.Tooltip, { ...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: import_core4.Tooltip.Group,
+  Floating: import_core4.Tooltip.Floating
+});
+
+// src/components/AppShell/AppShell.tsx
+var import_react8 = require("react");
+var import_clsx6 = __toESM(require("clsx"));
+var import_core6 = require("@s-works/s-works-ui/core");
+
+// src/components/AppShell/AppShellTaskItem.tsx
+var import_react6 = require("react");
+var import_clsx5 = __toESM(require("clsx"));
+var import_core5 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime6 = require("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 = (0, import_react6.forwardRef)(({ label, icon, deleteIcon, highlighted = false, onRemove, disabled = false, classNames, ...props }, ref) => {
+  const textRef = (0, import_react6.useRef)(null);
+  const frame = (0, import_react6.useRef)(null);
+  const hovered = (0, import_react6.useRef)(false);
+  const focused = (0, import_react6.useRef)(false);
+  const [marquee, setMarquee] = (0, import_react6.useState)(false);
+  const stop = (0, import_react6.useCallback)(() => {
+    if (frame.current !== null)
+      cancelAnimationFrame(frame.current);
+    frame.current = null;
+    if (textRef.current)
+      textRef.current.scrollLeft = 0;
+    setMarquee(false);
+  }, []);
+  const start = (0, import_react6.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]);
+  (0, import_react6.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-highlighted": highlighted || void 0, className: (0, import_clsx5.default)(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__ */ (0, import_jsx_runtime6.jsxs)(import_core5.UnstyledButton, { ...props, ref, type: props.type ?? "button", disabled, "aria-label": props["aria-label"] ?? label, classNames: {
+      root: (0, import_clsx5.default)(appShellTaskItemClassNames.control, appShellTaskItemClassNames.normalControl, overrides?.control)
+    }, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", className: (0, import_clsx5.default)(appShellTaskItemClassNames.icon, overrides?.icon), children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { ref: textRef, "data-marquee": marquee || void 0, className: (0, import_clsx5.default)(appShellTaskItemClassNames.label, overrides?.label), children: label })
+    ] }),
+    onRemove && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core5.UnstyledButton, { type: "button", disabled, "aria-label": `\u5220\u9664 ${label}`, onClick: (event) => {
+      event.stopPropagation();
+      onRemove(event);
+    }, classNames: {
+      root: (0, import_clsx5.default)(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
+var import_react7 = require("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] = (0, import_react7.useState)(() => normalize(defaultSidebarWidth));
+  const [draft, setDraft] = (0, import_react7.useState)();
+  const expandedWidth = (0, import_react7.useRef)(normalize(defaultSidebarWidth) === 56 ? 260 : normalize(defaultSidebarWidth));
+  const drag = (0, import_react7.useRef)(null);
+  const width = draft ?? normalize(sidebarWidth ?? internalWidth);
+  const collapsed = width === 56;
+  (0, import_react7.useEffect)(() => {
+    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
+var import_jsx_runtime7 = require("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: (0, import_clsx6.default)(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: (0, import_clsx6.default)(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: (0, import_clsx6.default)(appShellClassNames.main, mode === "static" && "sw:min-h-0 sw:flex-1 sw:p-[var(--app-shell-padding)]", overrides.main)
+  };
+}
+var AppShellRoot = (0, import_react8.forwardRef)(({ 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__ */ (0, import_jsx_runtime7.jsxs)(import_core6.AppShell, { ...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__ */ (0, import_jsx_runtime7.jsxs)(import_core6.AppShell.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__ */ (0, import_jsx_runtime7.jsx)("div", { ...separatorProps, className: appShellHandleClassName })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core6.AppShell.Main, { ps: mode === "fixed" && !props.disabled ? `calc(${(0, import_core6.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
+var import_react9 = require("react");
+var import_clsx7 = __toESM(require("clsx"));
+var import_core7 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime8 = require("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: (0, import_clsx7.default)(tableClassNames.table, visual.table, overrides.table),
+    th: (0, import_clsx7.default)(tableClassNames.th, visual.th, overrides.th),
+    td: (0, import_clsx7.default)(tableClassNames.td, visual.td, overrides.td),
+    tr: (0, import_clsx7.default)(visual.tr, overrides.tr)
+  };
+}
+var TableRoot = (0, import_react9.forwardRef)(({ appearance = "meeting", classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_core7.Table, { ...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: import_core7.Table.Thead,
+  Tbody: import_core7.Table.Tbody,
+  Tfoot: import_core7.Table.Tfoot,
+  Tr: import_core7.Table.Tr,
+  Th: import_core7.Table.Th,
+  Td: import_core7.Table.Td,
+  Caption: import_core7.Table.Caption,
+  ScrollContainer: import_core7.Table.ScrollContainer,
+  DataRenderer: import_core7.Table.DataRenderer
+});
+
+// src/components/Pagination/Pagination.tsx
+var import_react10 = require("react");
+var import_clsx8 = __toESM(require("clsx"));
+var import_core8 = require("@s-works/s-works-ui/core");
+var import_hooks = require("@s-works/s-works-ui/hooks");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function PreviousLabel() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u4E0A\u4E00\u9875" });
+}
+function NextLabel() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\u4E0B\u4E00\u9875" });
+}
+function DotsLabel() {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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: (0, import_clsx8.default)(paginationClassNames.root, layout === "mini" ? paginationClassNames.miniRoot : paginationClassNames.fullRoot, overrides.root),
+    control: (0, import_clsx8.default)(paginationClassNames.control, layout === "simple" && paginationClassNames.simpleControl, overrides.control),
+    dots: (0, import_clsx8.default)(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 = (0, import_react10.forwardRef)(({ 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] = (0, import_hooks.useUncontrolled)({
+    value,
+    defaultValue,
+    finalValue: 1,
+    onChange
+  });
+  if (total <= 0 || hideWithOnePage && total === 1)
+    return null;
+  const detail = resolvePaginationInfo({ info, totalRecords, pageSize });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Pagination.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__ */ (0, import_jsx_runtime9.jsx)("span", { className: paginationInfoClassName, children: detail }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core8.Group, { gap, justify: "center", children: [
+      withEdges && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Pagination.First, { icon: firstIcon, ...getControlProps?.("first") }),
+      withControls && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Pagination.Previous, { icon: previousIcon ?? PreviousLabel, "data-navigation": true, "aria-label": "\u4E0A\u4E00\u9875", ...getControlProps?.("previous") }),
+      layout === "simple" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { "aria-live": "polite", className: paginationCounterClassNames.root, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: paginationCounterClassNames.current, children: page }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: total })
+      ] }) : withPages && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Pagination.Items, { dotsIcon: dotsIcon ?? DotsLabel }),
+      withControls && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Pagination.Next, { icon: nextIcon ?? NextLabel, "data-navigation": true, "aria-label": "\u4E0B\u4E00\u9875", ...getControlProps?.("next") }),
+      withEdges && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core8.Pagination.Last, { icon: lastIcon, ...getControlProps?.("last") })
+    ] })
+  ] });
+});
+PaginationRoot.displayName = "SWorks/Pagination";
+var Pagination = Object.assign(PaginationRoot, {
+  Root: import_core8.Pagination.Root,
+  Control: import_core8.Pagination.Control,
+  Dots: import_core8.Pagination.Dots,
+  First: import_core8.Pagination.First,
+  Last: import_core8.Pagination.Last,
+  Next: import_core8.Pagination.Next,
+  Previous: import_core8.Pagination.Previous,
+  Items: import_core8.Pagination.Items
+});
+
+// src/components/Radio/Radio.tsx
+var import_react11 = require("react");
+var import_clsx9 = __toESM(require("clsx"));
+var import_core9 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime10 = require("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: (0, import_clsx9.default)(radioClassNames.root, overrides.root),
+    body: (0, import_clsx9.default)(radioClassNames.body, label && radioClassNames.labeledBody, overrides.body),
+    radio: (0, import_clsx9.default)(radioClassNames.radio, overrides.radio),
+    icon: (0, import_clsx9.default)(radioClassNames.icon, overrides.icon),
+    inner: (0, import_clsx9.default)(label && radioClassNames.labeledInner, overrides.inner),
+    label: (0, import_clsx9.default)(radioClassNames.label, overrides.label)
+  };
+}
+var RadioRoot = (0, import_react11.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core9.Radio, { ...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: import_core9.Radio.Group,
+  Card: import_core9.Radio.Card,
+  Indicator: import_core9.Radio.Indicator
+});
+
+// src/components/Checkbox/Checkbox.tsx
+var import_react12 = require("react");
+var import_clsx10 = __toESM(require("clsx"));
+var import_core10 = require("@s-works/s-works-ui/core");
+
+// src/components/Checkbox/icons.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function CheckboxCheckIcon({ size, width = size ?? "14", height = size ?? "14", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 14 14", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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
+var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime12.jsx)("span", { className, children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sw:h-[2px] sw:w-[6px] sw:rounded-[0.5px] sw:bg-current" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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: (0, import_clsx10.default)(checkboxClassNames.root, overrides.root),
+    body: (0, import_clsx10.default)(checkboxClassNames.body, label && checkboxClassNames.labeledBody, overrides.body),
+    input: (0, import_clsx10.default)(checkboxClassNames.input, overrides.input),
+    icon: (0, import_clsx10.default)(checkboxClassNames.icon, overrides.icon),
+    inner: (0, import_clsx10.default)(label && checkboxClassNames.labeledInner, overrides.inner),
+    label: (0, import_clsx10.default)(checkboxClassNames.label, overrides.label)
+  };
+}
+var CheckboxRoot = (0, import_react12.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core10.Checkbox, { ...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: import_core10.Checkbox.Group,
+  Card: import_core10.Checkbox.Card,
+  Indicator: import_core10.Checkbox.Indicator
+});
+
+// src/components/Switch/Switch.tsx
+var import_react13 = require("react");
+var import_clsx11 = __toESM(require("clsx"));
+var import_core11 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime13 = require("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: (0, import_clsx11.default)(switchClassNames.root, overrides.root),
+    body: (0, import_clsx11.default)(switchClassNames.body, overrides.body),
+    track: (0, import_clsx11.default)(switchClassNames.track, size === "md" && switchClassNames.largeTrack, size === "xs" && switchClassNames.smallTrack, overrides.track),
+    thumb: (0, import_clsx11.default)(switchClassNames.thumb, size === "md" && switchClassNames.largeThumb, size === "xs" && switchClassNames.smallThumb, overrides.thumb),
+    label: (0, import_clsx11.default)(switchClassNames.label, overrides.label)
+  };
+}
+var SwitchRoot = (0, import_react13.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core11.Switch, { ...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: import_core11.Switch.Group });
+
+// src/components/Alert/Alert.tsx
+var import_react15 = require("react");
+var import_clsx12 = __toESM(require("clsx"));
+var import_core12 = require("@s-works/s-works-ui/core");
+
+// src/components/Alert/icons.tsx
+var import_react14 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function CloseIcon({ size, width = size ?? "6.33074", height = size ?? "6.33074", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 6.33074 6.33074", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 6.33074 6.33074", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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 = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_89)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_89", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function ErrorIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_111)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_111", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function LoadingIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_59)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mask", { id: id + "-stroke0_0_59", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-paint0_angular_0_59_clip_path)`, mask: `url(#${id}-stroke0_0_59)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { transform: "matrix(0 0.007 -0.007 0 8 8)", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("foreignObject", { x: "-2285.71", y: "-2285.71", width: "4571.43", height: "4571.43", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("defs", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-paint0_angular_0_59_clip_path", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { x: "-8", y: "-8", width: "32", height: "32" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_59", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", rx: "8", fill: "white" }) })
+    ] })
+  ] });
+}
+function QuestionIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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 = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_141)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_141", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WaitingIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_115)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_115", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WaitingOrangeIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_107)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_107", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+  ] });
+}
+function WarningIcon({ size, width = size ?? "16", height = size ?? "16", ...props }) {
+  const id = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { preserveAspectRatio: "none", overflow: "visible", viewBox: "0 0 16 16", fill: "none", width, height, "aria-hidden": "true", focusable: "false", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: `url(#${id}-clip0_0_119)`, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: id + "-clip0_0_119", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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
+var import_jsx_runtime15 = require("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__ */ (0, import_jsx_runtime15.jsx)("span", { className: status === "loading" ? "sw:motion-safe:animate-spin" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(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__ */ (0, import_jsx_runtime15.jsx)(CloseIcon2, {}), ...attributes?.closeButton }
+    }
+  };
+}
+function resolveAlertClassNames({ appearance = "message" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: (0, import_clsx12.default)(alertClassNames.root, appearance === "banner" && alertClassNames.banner, overrides.root),
+    wrapper: (0, import_clsx12.default)(alertClassNames.wrapper, overrides.wrapper),
+    body: (0, import_clsx12.default)(alertClassNames.body, overrides.body),
+    message: (0, import_clsx12.default)(alertClassNames.message, overrides.message),
+    title: (0, import_clsx12.default)(alertClassNames.title, overrides.title),
+    icon: (0, import_clsx12.default)(alertClassNames.icon, overrides.icon),
+    closeButton: (0, import_clsx12.default)(alertClassNames.closeButton, overrides.closeButton)
+  };
+}
+var Alert = (0, import_react15.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core12.Alert, { ...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
+var import_react16 = require("react");
+var import_clsx13 = __toESM(require("clsx"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function resolveToastClassNames(overrides = {}) {
+  return {
+    ...overrides,
+    root: (0, import_clsx13.default)("sw:pointer-events-auto", overrides.root),
+    message: (0, import_clsx13.default)("sw:!whitespace-normal sw:break-words", overrides.message)
+  };
+}
+var Toast = (0, import_react16.forwardRef)(({ autoClose = 4e3, onClose, withCloseButton = Boolean(onClose), classNames, role = "status", ...props }, ref) => {
+  const [hovered, setHovered] = (0, import_react16.useState)(false);
+  const [focused, setFocused] = (0, import_react16.useState)(false);
+  const focusBeforeToast = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
+    if (!onClose || autoClose === false || hovered || focused)
+      return;
+    const timeout = window.setTimeout(onClose, autoClose);
+    return () => window.clearTimeout(timeout);
+  }, [autoClose, focused, hovered, onClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(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
+var import_react18 = require("react");
+var import_core13 = require("@s-works/s-works-ui/core");
+var import_clsx14 = __toESM(require("clsx"));
+
+// src/components/Modal/icons.tsx
+var import_react17 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ModalCloseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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 = (0, import_react17.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("g", { clipPath: `url(#${id}-clip0_0_235)`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: id + "-clip0_0_235", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalSuccessIcon(props) {
+  const id = (0, import_react17.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("g", { clipPath: `url(#${id}-clip0_0_295)`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: id + "-clip0_0_295", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalWarningIcon(props) {
+  const id = (0, import_react17.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("g", { clipPath: `url(#${id}-clip0_0_315)`, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("clipPath", { id: id + "-clip0_0_315", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+}
+function ModalEditIcon(props) {
+  const id = (0, import_react17.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("defs", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("linearGradient", { id: id + "-paint0_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { offset: "1", stopColor: "#165DFF" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("linearGradient", { id: id + "-paint1_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { offset: "1", stopColor: "#165DFF" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("linearGradient", { id: id + "-paint2_linear_0_303", x1: "8.90395", y1: "0.21206", x2: "8.90395", y2: "14.5828", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { stopColor: "#4318FF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("stop", { offset: "1", stopColor: "#165DFF" })
+      ] })
+    ] })
+  ] });
+}
+function ModalStatusIcon({ status, ...props }) {
+  const Icon = {
+    error: ModalErrorIcon,
+    success: ModalSuccessIcon,
+    warning: ModalWarningIcon,
+    edit: ModalEditIcon
+  }[status];
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { ...props });
+}
+
+// src/components/Modal/Modal.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function resolveModalClassNames({ layout = "standard" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    content: (0, import_clsx14.default)("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: (0, import_clsx14.default)("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: (0, import_clsx14.default)("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: (0, import_clsx14.default)("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: (0, import_clsx14.default)("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 = (0, import_react18.forwardRef)(({ layout = "standard", headerIcon, status, footer, bodyHeight, title, children, classNames, closeButtonProps, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_core13.Modal, { ref, centered: true, size: layout === "compact" ? 320 : layout === "form" ? 640 : 400, radius: 16, padding: 0, withCloseButton: layout !== "compact", ...props, title: title && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "sw:flex sw:min-w-0 sw:items-center sw:gap-[8px]", children: [
+  headerIcon ?? (status && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(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__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsx)(ModalCloseIcon, { className: "sw:h-[16px] sw:w-[16px]" }),
+  ...closeButtonProps
+}, classNames: resolveModalClassNames({ layout }, classNames), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_core13.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__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsx)("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: import_core13.Modal.Root,
+  Overlay: import_core13.Modal.Overlay,
+  Content: import_core13.Modal.Content,
+  Header: import_core13.Modal.Header,
+  Title: import_core13.Modal.Title,
+  Body: import_core13.Modal.Body,
+  CloseButton: import_core13.Modal.CloseButton,
+  Stack: import_core13.Modal.Stack
+});
+
+// src/components/DateInput/DateInput.tsx
+var import_react19 = require("react");
+var import_clsx15 = __toESM(require("clsx"));
+var import_core15 = require("@s-works/s-works-ui/core");
+var import_hooks2 = require("@s-works/s-works-ui/hooks");
+var import_dates = require("@s-works/s-works-ui/dates");
+
+// src/components/DateRangeShortcuts.tsx
+var import_core14 = require("@s-works/s-works-ui/core");
+var import_dayjs = __toESM(require("dayjs"));
+var import_jsx_runtime19 = require("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 && (0, import_dayjs.default)(date).isBefore(minDate, "day") || maxDate && (0, import_dayjs.default)(date).isAfter(maxDate, "day") || excludeDate?.(date) || getDayProps?.(date)?.disabled);
+}
+function DateRangeShortcuts({ disabled, onChange, ...limits }) {
+  const now = (0, import_dayjs.default)();
+  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__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsx)(import_core14.Button, { 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
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Calendar(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("g", { id: "Calendar", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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
+var import_jsx_runtime21 = require("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: (0, import_clsx15.default)("sw:group/date-input sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    wrapper: overrides.wrapper,
+    input: (0, import_clsx15.default)("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: (0, import_clsx15.default)("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__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": "true", className: (0, import_clsx15.default)("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__ */ (0, import_jsx_runtime21.jsx)(Disabled, {}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sw:flex sw:group-focus-within/date-input:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Normal, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sw:hidden sw:group-focus-within/date-input:flex", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Focus, {}) })
+  ] }) });
+}
+var SingleDateInput = (0, import_react19.forwardRef)(({ size = "md", appearance = "filled", value, defaultValue, onChange, classNames, rightSection, ...props }, ref) => {
+  const visual = {
+    size,
+    appearance,
+    disabled: props.disabled
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dates.DateInput, { 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__ */ (0, import_jsx_runtime21.jsx)(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 = (0, import_react19.forwardRef)(({ 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 = (0, import_react19.useId)();
+  const inputId = props.id ?? generatedId;
+  const [local, setLocal] = (0, import_react19.useState)(defaultValue);
+  const current = value ?? local;
+  const [startDate, endDate] = current;
+  const [activeField, setActiveField] = (0, import_react19.useState)(0);
+  const inputs = (0, import_react19.useRef)([null, null]);
+  const [inputVersions, setInputVersions] = (0, import_react19.useState)([0, 0]);
+  const pendingValue = (0, import_react19.useRef)(null);
+  const dropdownRef = (0, import_react19.useRef)(null);
+  const focusOnOpen = (0, import_react19.useRef)(false);
+  const focusOnClose = (0, import_react19.useRef)(false);
+  const { opened: controlledOpened, defaultOpened, onChange: onPopoverChange, onDismiss, onEnterTransitionEnd, ...popoverOptions } = props.popoverProps ?? {};
+  const [opened, setOpened] = (0, import_hooks2.useUncontrolled)({
+    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 } = (0, import_dates.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
+  };
+  (0, import_react19.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]);
+  (0, import_react19.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime21.jsx)(import_core15.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: (0, import_clsx15.default)("sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", classNames?.root),
+    label: classNames?.label,
+    error: classNames?.error,
+    description: classNames?.description
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core15.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__ */ (0, import_jsx_runtime21.jsx)(import_core15.Popover.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: (0, import_clsx15.default)("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__ */ (0, import_jsx_runtime21.jsxs)(import_react19.Fragment, { children: [
+        field === 1 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": "true", className: (0, import_clsx15.default)("sw:w-[16px] sw:shrink-0 sw:text-center", props.disabled ? "sw:text-[#bfbfbf]" : "sw:text-[#8c8c8c]"), children: "-" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dates.DateInput, { 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: (0, import_clsx15.default)(nativeClasses.input, rangeFont[size], classNames?.input)
+        } }, inputVersions[field])
+      ] }, field)),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: (0, import_clsx15.default)("sw:shrink-0", classNames?.section), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DateInputCalendarIcon, { size, appearance, disabled: props.disabled }) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_core15.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__ */ (0, import_jsx_runtime21.jsx)("div", { className: "sw:mb-[8px]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DateRangeShortcuts, { minDate: props.minDate, maxDate: props.maxDate, excludeDate: props.excludeDate, getDayProps: props.getDayProps, onChange: selectFromCalendar }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_dates.DatePicker, { ...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
+var import_react21 = require("react");
+var import_clsx17 = __toESM(require("clsx"));
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_core17 = require("@s-works/s-works-ui/core");
+var import_dates2 = require("@s-works/s-works-ui/dates");
+
+// src/components/Select/Select.tsx
+var import_react20 = require("react");
+var import_clsx16 = __toESM(require("clsx"));
+var import_core16 = require("@s-works/s-works-ui/core");
+
+// src/components/Select/icons.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function ChevronDown(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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
+var import_jsx_runtime23 = require("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: (0, import_clsx16.default)("sw:group/select sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: (0, import_clsx16.default)("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: (0, import_clsx16.default)("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: (0, import_clsx16.default)("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: (0, import_clsx16.default)("sw:p-0", overrides.options),
+    option: (0, import_clsx16.default)("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: (0, import_clsx16.default)("sw:px-[8px] sw:py-[12px] sw:text-[14px] sw:leading-[22px] sw:text-[#8c8c8c]", overrides.empty)
+  };
+}
+function SelectChevron() {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", className: "sw:flex sw:h-[16px] sw:w-[16px] sw:group-has-[[data-expanded]]/select:-scale-y-100", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronDown, {}) });
+}
+function SelectOptionContent({ icon, label, checked, withCheckIcon }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", className: "sw:flex sw:h-[16px] sw:w-[16px] sw:shrink-0", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sw:min-w-0 sw:flex-1 sw:truncate", children: label }),
+    checked && withCheckIcon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sw:flex sw:h-[16px] sw:w-[16px] sw:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckIcon, {}) })
+  ] });
+}
+var Select = (0, import_react20.forwardRef)(({ size = "md", appearance = "filled", menuTone = "blue", optionIcon, classNames, rightSection, renderOption, withCheckIcon = Boolean(optionIcon), comboboxProps, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_core16.Select, { ref, ...resolveSelectProps({ size, ...props }), withCheckIcon, comboboxProps: { offset: 4, ...comboboxProps }, rightSection: rightSection === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectChevron, {}) : rightSection, renderOption: renderOption ?? (({ option, checked }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(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
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ChevronLeft(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime24.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function resolveDatePickerClassNames(overrides = {}) {
+  return {
+    ...overrides,
+    calendarHeader: (0, import_clsx17.default)("sw:hidden", overrides.calendarHeader),
+    levelsGroup: (0, import_clsx17.default)("sw:gap-0", overrides.levelsGroup),
+    month: (0, import_clsx17.default)("sw:block sw:w-[280px] sw:border-collapse", overrides.month),
+    monthThead: (0, import_clsx17.default)("sw:block", overrides.monthThead),
+    monthTbody: (0, import_clsx17.default)("sw:block", overrides.monthTbody),
+    weekdaysRow: (0, import_clsx17.default)("sw:flex sw:h-[30px] sw:items-center sw:justify-between sw:px-[16px]", overrides.weekdaysRow),
+    weekday: (0, import_clsx17.default)("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: (0, import_clsx17.default)("sw:flex sw:h-[30px] sw:items-center sw:justify-between sw:px-[16px]", overrides.monthRow),
+    monthCell: (0, import_clsx17.default)("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: (0, import_clsx17.default)("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 = (0, import_dates2.useDatesContext)();
+  const [local, setLocal] = (0, import_react21.useState)(() => defaultValue ?? (type === "range" ? [null, null] : type === "multiple" ? [] : null));
+  const raw = value !== void 0 ? value : local;
+  const current = Array.isArray(raw) ? raw.map((item) => item ? (0, import_dayjs2.default)(item).format("YYYY-MM-DD") : null) : raw ? (0, import_dayjs2.default)(raw).format("YYYY-MM-DD") : null;
+  const initial = Array.isArray(current) ? current[0] : typeof current === "string" ? current : null;
+  const [localDate, setLocalDate] = (0, import_react21.useState)(() => (0, import_dayjs2.default)(defaultDate ?? initial ?? /* @__PURE__ */ new Date()).startOf("month").format("YYYY-MM-DD"));
+  const displayed = (0, import_dayjs2.default)(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 = (0, import_dayjs2.default)().format("YYYY-MM-DD");
+  const selectShortcut = (start, end = start) => {
+    change(type === "range" ? [start, end] : type === "multiple" ? [start] : start);
+    changeMonth((0, import_dayjs2.default)(start).startOf("month").format("YYYY-MM-DD"));
+  };
+  const years = Array.from({ length: (maxDate ? (0, import_dayjs2.default)(maxDate).year() : Math.max(displayed.year() + 100, (0, import_dayjs2.default)().year() + 100)) - (minDate ? (0, import_dayjs2.default)(minDate).year() : Math.min(1900, displayed.year())) + 1 }, (_, index) => String(index + (minDate ? (0, import_dayjs2.default)(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__ */ (0, import_jsx_runtime25.jsxs)(import_core17.Paper, { ref, radius: 8, classNames: { root: (0, import_clsx17.default)("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__ */ (0, import_jsx_runtime25.jsx)("div", { className: "sw:px-[12px] sw:pt-[12px]", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DateRangeShortcuts, { minDate, maxDate, excludeDate, getDayProps: props.getDayProps, onChange: ([start, end]) => selectShortcut(start, end) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "sw:flex sw:h-[44px] sw:w-[280px] sw:items-center sw:justify-between sw:px-[12px] sw:pt-[12px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "sw:flex sw:gap-[8px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(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__ */ (0, import_jsx_runtime25.jsx)(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__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "sw:flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core17.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__ */ (0, import_jsx_runtime25.jsx)(ChevronLeft, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_core17.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__ */ (0, import_jsx_runtime25.jsx)(ChevronRight, {}) })
+        ] })
+      ] }, index);
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_clsx17.default)("sw:pt-[12px]", !withFooter && "sw:pb-[12px]"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dates2.DatesProvider, { settings: { ...ctx, consistentWeeks: true }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_dates2.DatePicker, { ...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__ */ (0, import_jsx_runtime25.jsx)("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__ */ (0, import_jsx_runtime25.jsx)(import_core17.Button, { 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__ */ (0, import_jsx_runtime25.jsx)(import_core17.Button, { radius: 4, disabled: isDateShortcutDisabled(today, { minDate, maxDate, excludeDate, getDayProps: props.getDayProps }), fullWidth: true, classNames: dateShortcutClasses, onClick: () => selectShortcut(today), children: "\u4ECA\u5929" }) })
+  ] });
+}
+var DatePicker = (0, import_react21.forwardRef)(DatePickerInner);
+
+// src/components/TimePicker/TimePicker.tsx
+var import_react22 = require("react");
+var import_clsx18 = __toESM(require("clsx"));
+var import_lucide_react = require("lucide-react");
+var import_hooks3 = require("@s-works/s-works-ui/hooks");
+var import_dates3 = require("@s-works/s-works-ui/dates");
+var import_jsx_runtime26 = require("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: (0, import_clsx18.default)("sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: (0, import_clsx18.default)("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: (0, import_clsx18.default)("sw:h-[24px]", overrides.fieldsGroup),
+    field: (0, import_clsx18.default)("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: (0, import_clsx18.default)("sw:text-[#8c8c8c] sw:data-[position=right]:end-0", overrides.section),
+    dropdown: (0, import_clsx18.default)("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: (0, import_clsx18.default)("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: (0, import_clsx18.default)("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 = (0, import_react22.forwardRef)(({ size = "md", appearance = "filled", withDropdown = true, classNames, popoverProps, rightSection, clearButtonProps, ...props }, ref) => {
+  const [opened, setOpened] = (0, import_hooks3.useUncontrolled)({
+    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__ */ (0, import_jsx_runtime26.jsx)(import_dates3.TimePicker, { 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__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react.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
+var import_react23 = require("react");
+var import_clsx19 = __toESM(require("clsx"));
+var import_core18 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function resolveTabsClassNames({ variant = "default" } = {}, overrides = {}) {
+  return {
+    ...overrides,
+    root: (0, import_clsx19.default)("sw:min-w-0 sw:max-w-full sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    list: (0, import_clsx19.default)("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: (0, import_clsx19.default)("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: (0, import_clsx19.default)("sw:leading-[inherit]", overrides.tabLabel),
+    tabSection: (0, import_clsx19.default)("sw:data-[position=left]:me-[8px] sw:data-[position=right]:ms-[8px]", overrides.tabSection),
+    panel: (0, import_clsx19.default)("sw:min-w-0", overrides.panel)
+  };
+}
+var TabsRoot = (0, import_react23.forwardRef)(({ variant = "default", classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_core18.Tabs, { 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: import_core18.Tabs.List,
+  Tab: import_core18.Tabs.Tab,
+  Panel: import_core18.Tabs.Panel
+});
+
+// src/components/TagsInput/TagsInput.tsx
+var import_react25 = require("react");
+var import_clsx20 = __toESM(require("clsx"));
+var import_core20 = require("@s-works/s-works-ui/core");
+
+// src/components/TagsInput/controller.tsx
+var import_react24 = require("react");
+var import_core19 = require("@s-works/s-works-ui/core");
+var import_hooks4 = require("@s-works/s-works-ui/hooks");
+var import_jsx_runtime28 = require("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 } } = (0, import_core19.extractStyleProps)(others);
+  const theme = (0, import_core19.useMantineTheme)();
+  const overrides = typeof classNames === "function" ? classNames(theme, props, void 0) : classNames;
+  const [tags, setTags] = (0, import_hooks4.useUncontrolled)({ value, defaultValue, finalValue: [], onChange });
+  const [search, setSearch] = (0, import_hooks4.useUncontrolled)({
+    value: searchValue,
+    defaultValue: defaultSearchValue,
+    finalValue: "",
+    onChange: onSearchChange
+  });
+  const inputRef = (0, import_react24.useRef)(null), fieldRef = (0, import_hooks4.useMergedRef)(inputRef, ref), inputId = (0, import_hooks4.useId)(id);
+  const ownStore = (0, import_core19.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 = (0, import_core19.getParsedComboboxData)(data), lookup = (0, import_core19.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);
+  (0, import_react24.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: render(useTagsInputController(props, fieldRef)) });
+}
+
+// src/components/TagsInput/icons.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function ChevronLarge(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { transform: "translate(4.834526538848877 4.834324836730957)", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CloseVector, {}) }) });
+}
+function CloseVectorSmall() {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { transform: "translate(3.6258950233459473 3.6257436275482178)", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CloseVectorSmall, {}) }) });
+}
+
+// src/components/TagsInput/TagsInput.tsx
+var import_jsx_runtime30 = require("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: (0, import_clsx20.default)("sw:group/tags sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    input: (0, import_clsx20.default)("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: (0, import_clsx20.default)("sw:w-full sw:min-w-0 sw:flex-nowrap sw:gap-[4px] sw:overflow-x-auto sw:[scrollbar-width:none]", overrides.pillsList),
+    pill: (0, import_clsx20.default)("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: (0, import_clsx20.default)("sw:h-auto sw:font-normal", dimensions[size].label, overrides.pillLabel),
+    pillRemove: (0, import_clsx20.default)("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: (0, import_clsx20.default)("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: (0, import_clsx20.default)("sw:text-[#bfbfbf] sw:data-[position=right]:end-0 sw:data-[position=left]:start-0", overrides.section),
+    dropdown: (0, import_clsx20.default)("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: (0, import_clsx20.default)("sw:p-0", overrides.options),
+    option: (0, import_clsx20.default)("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 = (0, import_react25.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(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__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core20.Combobox, { store: ctx.store, onOptionSubmit: ctx.submit, readOnly: ctx.props.readOnly, offset: 4, ...ctx.comboboxProps, classNames: classes, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.Combobox.DropdownTarget, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.PillsInput, { ...resolveTagsInputProps({ ...ctx.rootProps, size: ctx.size }), classNames: classes, rightSection: ctx.clearable ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.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__ */ (0, import_jsx_runtime30.jsx)("span", { "aria-hidden": "true", className: (0, import_clsx20.default)("sw:flex sw:items-center sw:justify-center", d.chevron), children: ctx.size === "lg" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronLarge, {}) : ctx.size === "md" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronMedium, {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronSmall, {}) }) : ctx.rootProps.rightSection, onClick: () => {
+        if (!ctx.props.disabled && !ctx.props.readOnly)
+          ctx.store.openDropdown();
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_core20.Pill.Group, { classNames: { group: classes.pillsList }, children: [
+        ctx.tags.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.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__ */ (0, import_jsx_runtime30.jsx)(CloseSmallTwelve, { className: "sw:block" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(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__ */ (0, import_jsx_runtime30.jsx)(import_core20.Combobox.EventsTarget, { autoComplete: ctx.fieldProps.autoComplete, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.PillsInput.Field, { ...ctx.fieldProps, classNames: { field: classes.inputField } }) })
+      ] }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_core20.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__ */ (0, import_jsx_runtime30.jsx)(import_core20.Combobox.HiddenInput, { ...ctx.hiddenInputProps })
+  ] });
+} }));
+TagsInput.displayName = "SWorks/TagsInput";
+
+// src/components/InputBase/InputBase.tsx
+var import_react26 = require("react");
+var import_clsx21 = __toESM(require("clsx"));
+var import_core21 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime31 = require("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: (0, import_clsx21.default)("sw:group/base sw:min-w-0 sw:[font-family:PingFang_SC,sans-serif] sw:tracking-[0px]", overrides.root),
+    wrapper: (0, import_clsx21.default)("sw:mb-0", overrides.wrapper),
+    input: (0, import_clsx21.default)("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: (0, import_clsx21.default)("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: (0, import_clsx21.default)("sw:mb-0 sw:mt-[4px] sw:text-[12px] sw:font-normal sw:leading-[18px] sw:text-[#8c8c8c]", overrides.description),
+    error: (0, import_clsx21.default)("sw:mt-[4px] sw:text-[12px] sw:leading-[18px] sw:text-[#ff4d4f]", overrides.error)
+  };
+}
+var InputBaseRoot = (0, import_react26.forwardRef)(({ size = "md", appearance = "filled", classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_core21.InputBase, { 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 = (0, import_core21.createPolymorphicComponent)(InputBaseRoot);
+
+// src/components/Tag/Tag.tsx
+var import_react27 = require("react");
+var import_clsx22 = __toESM(require("clsx"));
+var import_core22 = require("@s-works/s-works-ui/core");
+
+// src/components/Tag/icons.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function CloseVector2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { transform: "translate(4.834526538848877 4.834324836730957)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CloseVector2, {}) }) });
+}
+
+// src/components/Tag/Tag.tsx
+var import_jsx_runtime33 = require("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: (0, import_clsx22.default)("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: (0, import_clsx22.default)("sw:leading-[inherit]", overrides.label),
+    section: (0, import_clsx22.default)("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__ */ (0, import_jsx_runtime33.jsx)(import_core22.CloseButton, { size: 16, radius: 0, c: "inherit", variant: "transparent", ...closeButtonProps, icon: closeButtonProps?.icon ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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: (0, import_clsx22.default)("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 = (0, import_react27.forwardRef)(({ size = "md", tone = "neutral", variant = "filled", shape = "base", disabled = false, closable = false, onClose, closeButtonProps, classNames, onClick, onKeyDown, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_core22.Badge, { 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 = (0, import_core22.createPolymorphicComponent)(TagRoot);
+
+// src/components/CloseButton/CloseButton.tsx
+var import_react28 = require("react");
+var import_clsx23 = __toESM(require("clsx"));
+var import_core23 = require("@s-works/s-works-ui/core");
+
+// src/components/CloseButton/icons.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function CloseLargeIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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
+var import_jsx_runtime35 = require("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__ */ (0, import_jsx_runtime35.jsx)(Glyph, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Glyph, { width: (0, import_core23.rem)(iconSize), height: (0, import_core23.rem)(iconSize) });
+}
+function resolveCloseButtonClassNames(overrides = {}) {
+  return {
+    root: (0, import_clsx23.default)("sw:bg-transparent sw:text-[#262626] sw:[&[data-variant=subtle]:not(:disabled):not([data-disabled]):hover]:bg-[#f5f5f5]", overrides.root)
+  };
+}
+var CloseButtonRoot = (0, import_react28.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_core23.CloseButton, { ...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 = (0, import_core23.createPolymorphicComponent)(CloseButtonRoot);
+
+// src/components/Loader/Loader.tsx
+var import_react30 = require("react");
+var import_clsx24 = __toESM(require("clsx"));
+var import_core24 = require("@s-works/s-works-ui/core");
+
+// src/components/Loader/icons.tsx
+var import_react29 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function RingIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("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 = (0, import_react29.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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__ */ (0, import_jsx_runtime36.jsxs)("defs", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("mask", { id: id + "-mask", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: id + "-clip", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "16", height: "16", rx: "8" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { clipPath: `url(#${id}-clip)`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { mask: `url(#${id}-mask)`, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { transform: "matrix(0 0.007 -0.007 0 8 8)", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("foreignObject", { x: "-2285.71", y: "-2285.71", width: "4571.43", height: "4571.43", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var RingLoader = (0, import_react30.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RingIcon, { className: "sw:block sw:h-full sw:w-full sw:animate-spin sw:motion-reduce:animate-none" }) }));
+RingLoader.displayName = "SWorks/RingLoader";
+var GradientLoader = (0, import_react30.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(GradientIcon, { className: "sw:block sw:h-full sw:w-full sw:animate-spin sw:motion-reduce:animate-none" }) }));
+GradientLoader.displayName = "SWorks/GradientLoader";
+var loaderTypes = {
+  ...import_core24.Loader.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: (0, import_clsx24.default)("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 = (0, import_react30.forwardRef)(({ classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_core24.Loader, { ...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
+var import_react32 = require("react");
+var import_core25 = require("@s-works/s-works-ui/core");
+var import_clsx25 = __toESM(require("clsx"));
+
+// src/components/Layout/use-layout-state.ts
+var import_react31 = require("react");
+var import_hooks5 = require("@s-works/s-works-ui/hooks");
+function useLayoutState(options) {
+  const [isCollapsed, setCollapsed] = (0, import_hooks5.useUncontrolled)({ value: options.collapsed, defaultValue: options.defaultCollapsed, finalValue: false, onChange: options.onCollapsedChange });
+  const [expandedWidth, setExpandedWidth] = (0, import_hooks5.useUncontrolled)({ 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 = (0, import_react31.useRef)(null);
+  const resizeHandleRef = (0, import_react31.useCallback)((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
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime38.jsxs)(import_core25.Flex, { ...props, ref, h, w, direction: "row", wrap: "nowrap", classNames: (theme, values, context) => ({ root: (0, import_clsx25.default)("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__ */ (0, import_jsx_runtime38.jsxs)(import_core25.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__ */ (0, import_jsx_runtime38.jsx)(import_core25.Flex, { px: 12, direction: "column", align: "center", classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "sw:my-auto sw:w-full sw:shrink-0 sw:text-center", children: sider ?? (layoutState.isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sw:text-[12px] sw:leading-[18px]", children: "\u4FA7\u680F" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "sw:text-center", children: [
+        "Sider",
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("br", {}),
+        "\u4FA7\u8FB9\u533A\u57DF"
+      ] })) }) }),
+      resizable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsxs)(import_core25.Flex, { direction: "column", classNames: { root: "sw:min-h-0 sw:min-w-0 sw:flex-1" }, children: [
+      header !== null && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core25.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__ */ (0, import_jsx_runtime38.jsxs)(import_core25.Flex, { classNames: { root: "sw:min-h-0 sw:min-w-0 sw:flex-1" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core25.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__ */ (0, import_jsx_runtime38.jsx)(import_core25.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__ */ (0, import_jsx_runtime38.jsxs)("span", { children: [
+          "Centered Content \u5C45\u4E2D\u5185\u5BB9\u533A\u57DF",
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("br", {}),
+          "\u6700\u5927\u5BBD\u5EA6 840 px"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { children: [
+          "Content \u5185\u5BB9\u533A\u57DF",
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("br", {}),
+          "\u586B\u6EE1\u5269\u4F59\u7A7A\u95F4"
+        ] })) }) }),
+        panel !== void 0 && panel !== null && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core25.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__ */ (0, import_jsx_runtime38.jsx)("div", { className: "sw:my-auto sw:w-full sw:shrink-0 sw:text-center", children: panel }) })
+      ] }),
+      footer !== void 0 && footer !== null && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_core25.Flex, { component: "footer", h: 48, px: 12, align: "center", justify: "center", classNames: { root: "sw:shrink-0 sw:bg-[#d0dfff]" }, children: footer })
+    ] })
+  ] });
+}
+var Layout = (0, import_react32.forwardRef)(LayoutRoot);
+Layout.displayName = "SWorks/Layout";
+
+// src/components/ThreeColumnLayout/ThreeColumnLayout.tsx
+var import_react34 = require("react");
+var import_core26 = require("@s-works/s-works-ui/core");
+var import_lucide_react2 = require("lucide-react");
+var import_clsx26 = __toESM(require("clsx"));
+
+// src/components/ThreeColumnLayout/use-resizable-panel.ts
+var import_react33 = require("react");
+var import_hooks6 = require("@s-works/s-works-ui/hooks");
+function useResizablePanel(options) {
+  const [opened, setOpened] = (0, import_hooks6.useUncontrolled)({
+    value: options.opened,
+    defaultValue: options.defaultOpened,
+    finalValue: true,
+    onChange: options.onOpenedChange
+  });
+  const [collapsed, setCollapsed] = (0, import_hooks6.useUncontrolled)({
+    value: options.collapsed,
+    defaultValue: options.defaultCollapsed,
+    finalValue: false,
+    onChange: options.onCollapsedChange
+  });
+  const [expandedWidth, updateWidth, widthControlled] = (0, import_hooks6.useUncontrolled)({
+    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)));
+  (0, import_react33.useEffect)(() => {
+    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 = (0, import_react33.useRef)(null);
+  const resizeHandleRef = (0, import_react33.useCallback)((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
+var import_jsx_runtime39 = require("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 = (0, import_react34.useId)();
+  const menuId = `${instanceId}-menu`;
+  const agentId = `${instanceId}-agent`;
+  const menuToggleRef = (0, import_react34.useRef)(null);
+  const agentToggleRef = (0, import_react34.useRef)(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__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { ...props, ref, h, w, bg, c, bdrs, bd, direction: "column", classNames: (theme, values, context) => ({
+    root: (0, import_clsx26.default)("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__ */ (0, import_jsx_runtime39.jsxs)(import_core26.Flex, { h: "100%", miw: menuState.width + agentState.width + 320, wrap: "nowrap", classNames: { root: "sw:min-h-0 sw:flex-1" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_core26.Flex, { 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: (0, import_clsx26.default)("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__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { h: 64, px: 12, gap: 4, align: "center", justify: "flex-end", classNames: { root: "sw:shrink-0" }, children: menuHeader ? menuHeader(controls) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        !menuState.collapsed && menuTitle !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: menuTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.ActionIcon, { 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__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react2.ChevronRight, { size: 16, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react2.ChevronLeft, { size: 16, "aria-hidden": true }) }),
+        !menuState.collapsed && menu !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.ActionIcon, { variant: "subtle", size: 32, radius: 6, "aria-label": "\u5173\u95ED\u83DC\u5355", onClick: closeMenu, classNames: toolClasses, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react2.X, { size: 16, "aria-hidden": true }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { 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__ */ (0, import_jsx_runtime39.jsx)("div", { className: "sw:my-auto sw:text-center", children: menuState.collapsed ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sw:text-[12px] sw:leading-[18px]", children: "Tab" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        "Tabbar",
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("br", {}),
+        "\u5DE6\u4FA7\u5BFC\u822A"
+      ] }) }) }),
+      resizable && !menuState.collapsed && menuState.opened && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsxs)(import_core26.Flex, { direction: "column", flex: 1, miw: 320, classNames: { root: "sw:min-h-0 sw:min-w-0" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { component: "header", h: 66, px: 32, gap: 16, bg: appearance === "workspace" ? "white" : "#d0dfff", align: "center", classNames: {
+        root: (0, import_clsx26.default)("sw:shrink-0", appearance === "workspace" && "sw:border-0 sw:border-b sw:border-solid sw:border-[#f0f0f0]")
+      }, children: header ? header(controls) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.ActionIcon, { 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__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react2.PanelLeft, { size: 18, "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Button, { 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__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { 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__ */ (0, import_jsx_runtime39.jsxs)(import_core26.Flex, { 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__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sw:text-[24px] sw:leading-[36px]", children: "Content \u5185\u5BB9\u533A\u57DF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsxs)(import_core26.Flex, { 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: (0, import_clsx26.default)("sw:min-h-0 sw:shrink-0", appearance === "workspace" ? "sw:bg-white" : "sw:bg-[#f3f7ff]")
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { h: 64, px: 16, gap: 12, bg: appearance === "workspace" ? "white" : "#d0dfff", align: "center", classNames: {
+        root: "sw:shrink-0"
+      }, children: agentHeader ? agentHeader(controls) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { flex: 1, fz: 16, fw: 500, classNames: { root: "sw:min-w-0 sw:truncate" }, children: agentTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.ActionIcon, { size: 32, radius: 6, variant: "subtle", "aria-label": `\u5173\u95ED ${agentTitle}`, onClick: closeAgent, classNames: toolClasses, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react2.X, { size: 16, "aria-hidden": true }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_core26.Flex, { direction: "column", p: appearance === "workspace" ? 0 : 16, gap: 16, classNames: { root: "sw:min-h-0 sw:flex-1 sw:overflow-auto" }, children: agent ?? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "sw:my-auto sw:text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: "Agent \u5185\u5BB9\u533A\u57DF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "sw:text-[14px] sw:font-normal sw:leading-[21px]", children: "\u968F\u9762\u677F\u5BBD\u5EA6\u9002\u914D" })
+      ] }) }),
+      resizable && agentState.opened && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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 = (0, import_react34.forwardRef)(ThreeColumnLayoutRoot);
+ThreeColumnLayout.displayName = "SWorks/ThreeColumnLayout";
+
+// src/components/Space/Space.tsx
+var import_core27 = require("@s-works/s-works-ui/core");
+
+// src/components/Skeleton/Skeleton.tsx
+var import_react35 = require("react");
+var import_clsx27 = __toESM(require("clsx"));
+var import_core28 = require("@s-works/s-works-ui/core");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function resolveSkeletonClassNames(overrides = {}) {
+  return {
+    root: (0, import_clsx27.default)("sw:data-[visible]:after:bg-[rgba(46,50,56,0.05)] sw:motion-reduce:after:animate-none", overrides.root)
+  };
+}
+var SkeletonRoot = (0, import_react35.forwardRef)(({ animate = false, radius = 4, classNames, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_core28.Skeleton, { ...props, ref, animate, radius, classNames: (theme, values, context) => resolveSkeletonClassNames(typeof classNames === "function" ? classNames(theme, values, context) : classNames) }));
+SkeletonRoot.displayName = "SWorks/Skeleton";
+var Skeleton = SkeletonRoot;