@neut/ui 0.0.17 → 0.0.18

package/dist/components/drawer/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","useScrollLock","DrawerContext","createDrawerChangeEventDetails","DrawerProps","Drawer","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","HTMLElement","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","restoreFocus","el","focus","preventScroll","setOpen","next","reason","Parameters","event","Event","details","onOpenChange","allowedSelector","onKeyDown","e","KeyboardEvent","defaultPrevented","key","preventDefault","onPointerDown","PointerEvent","target","Node","contains","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","Drawer","internalOpen","setInternalOpen","createSignal","props","open","createMemo","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","createUniqueId","restoreFocus","el","setOpen","next","details","createDrawerChangeEventDetails","reason","event","useScrollLock","createEffect","onKeyDown","onPointerDown","target","onCleanup","ctx","createComponent","DrawerContext"],"sources":["../../../../src/components/drawer/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { DrawerContext } from \"./Drawer.context\";\nimport { createDrawerChangeEventDetails } from \"./create-change-event-details\";\nimport type { DrawerProps } from \"./Drawer.types\";\n\n/**\n * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，\n * 通过 context 驱动 Trigger/Content 等子部件。\n */\nexport function Drawer(props: DrawerProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const [show, setShow] = createSignal(open());\n\n  const modal = createMemo(() => props.modal ?? true);\n  const swipeDirection = createMemo(() => props.swipeDirection ?? \"down\");\n  const showSwipeHandle = createMemo(() => props.showSwipeHandle === true);\n  const disablePointerDismissal = createMemo(\n    () => props.disablePointerDismissal === true,\n  );\n\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [popup, setPopup] = createSignal<HTMLElement>();\n  const [titleId, setTitleId] = createSignal<string>();\n  const [descriptionId, setDescriptionId] = createSignal<string>();\n  const contentId = `drawer-content-${createUniqueId()}`;\n\n  // 打开时立刻挂载；关闭时保留到退场动画结束（由 Content 的 transitionend 收尾）\n  createEffect(() => {\n    if (open()) setShow(true);\n  });\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const setOpen = (\n    next: boolean,\n    reason: Parameters<typeof createDrawerChangeEventDetails>[0],\n    event?: Event,\n  ) => {\n    if (next === open() && next) return;\n    const details = createDrawerChangeEventDetails(reason, event, trigger());\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next, details);\n  };\n\n  // Modal 打开时锁定页面滚动，浮层内部仍可滚动\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: '[data-slot=\"drawer-popup\"]',\n  });\n\n  // 打开期间：Esc 关闭 +（非 disablePointerDismissal）点击外部关闭\n  createEffect(() => {\n    if (!open()) return;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setOpen(false, \"escape-key\", e);\n      }\n    };\n\n    const onPointerDown = (e: PointerEvent) => {\n      if (disablePointerDismissal()) return;\n      const target = e.target as Node | null;\n      if (popup()?.contains(target)) return;\n      if (trigger()?.contains(target)) return;\n      setOpen(false, \"outside-press\", e);\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n    });\n  });\n\n  const ctx = {\n    open,\n    setOpen,\n    show,\n    setShow,\n    modal,\n    swipeDirection,\n    showSwipeHandle,\n    disablePointerDismissal,\n    trigger,\n    setTrigger,\n    popup,\n    setPopup,\n    contentId,\n    titleId,\n    setTitleId,\n    descriptionId,\n    setDescriptionId,\n    restoreFocus,\n  };\n\n  return (\n    <DrawerContext.Provider value={ctx}>\n      {props.children}\n    </DrawerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBU,EAAOC,GAAiC;CACtD,IAAM,CAACE,GAAcC,KAAmBZ,EACtCS,EAAMI,eAAe,EACvB,GACMC,IAAOf,QACXU,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACM,CAACE,GAAMC,KAAWjB,EAAac,EAAK,CAAC,GAErCI,IAAQnB,QAAiBU,EAAMS,SAAS,EAAI,GAC5CC,IAAiBpB,QAAiBU,EAAMU,kBAAkB,MAAM,GAChEC,IAAkBrB,QAAiBU,EAAMW,oBAAoB,EAAI,GACjEC,IAA0BtB,QACxBU,EAAMY,4BAA4B,EAC1C,GAEM,CAACC,GAASC,KAAcvB,EAA0B,GAClD,CAACyB,GAAOC,KAAY1B,EAA0B,GAC9C,CAAC2B,GAASC,KAAc5B,EAAqB,GAC7C,CAAC6B,GAAeC,KAAoB9B,EAAqB,GACzD+B,IAAY,kBAAkB9B,EAAe;CAGnDH,QAAmB;EACjB,AAAIgB,EAAK,KAAGG,EAAQ,EAAI;CAC1B,CAAC;CAED,IAAMe,UAAqB;EACzB,IAAMC,IAAKX,EAAQ;EACnB,AAAIW,KAAM,OAAOA,EAAGC,SAAU,cAC5BD,EAAGC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAEpC,GAEMC,KACJC,GACAC,GACAE,MACG;EACH,IAAIH,MAASvB,EAAK,KAAKuB,GAAM;EAC7B,IAAMK,IAAUpC,EAA+BgC,GAAQE,GAAOlB,EAAQ,CAAC;EAEvEb,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgByB,CAAI,GAClD5B,EAAMkC,eAAeN,GAAMK,CAAO;CACpC;CAQA5C,AALAM,QAAoBU,EAAK,KAAKI,EAAM,GAAG,EACrC0B,iBAAiB,+BACnB,CAAC,GAGD9C,QAAmB;EACjB,IAAI,CAACgB,EAAK,GAAG;EAEb,IAAM+B,KAAaC,MAAqB;GACtC,AAAIA,EAAEE,oBACFF,EAAEG,QAAQ,aACZH,EAAEI,eAAe,GACjBd,EAAQ,IAAO,cAAcU,CAAC;EAElC,GAEMK,KAAiBL,MAAoB;GACzC,IAAIzB,EAAwB,GAAG;GAC/B,IAAMgC,IAASP,EAAEO;GACjB,AAAI5B,EAAM,CAAC,EAAE8B,SAASF,CAAM,KACxB/B,EAAQ,CAAC,EAAEiC,SAASF,CAAM,KAC9BjB,EAAQ,IAAO,iBAAiBU,CAAC;EACnC;EAIA5C,AAFAsD,SAASC,iBAAiB,WAAWZ,CAAS,GAC9CW,SAASC,iBAAiB,eAAeN,GAAe,EAAI,GAC5DjD,QAAgB;GAEdsD,AADAA,SAASE,oBAAoB,WAAWb,CAAS,GACjDW,SAASE,oBAAoB,eAAeP,GAAe,EAAI;EACjE,CAAC;CACH,CAAC;CAED,IAAMQ,IAAM;EACV7C;EACAsB;EACApB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAK;EACAJ;EACAC;EACAC;EACAC;EACAE;CACF;CAEA,OAAA4B,EACGvD,EAAcwD,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAC/BtD,EAAMsD;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Drawer.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","useScrollLock","DrawerContext","createDrawerChangeEventDetails","DrawerProps","Drawer","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","HTMLElement","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","restoreFocus","el","focus","preventScroll","setOpen","next","reason","Parameters","event","Event","details","onOpenChange","isCanceled","allowedSelector","onKeyDown","e","KeyboardEvent","defaultPrevented","key","preventDefault","onPointerDown","PointerEvent","target","Node","contains","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","Drawer","internalOpen","setInternalOpen","createSignal","props","open","createMemo","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","createUniqueId","restoreFocus","el","setOpen","next","details","createDrawerChangeEventDetails","reason","event","useScrollLock","createEffect","onKeyDown","onPointerDown","target","onCleanup","ctx","createComponent","DrawerContext"],"sources":["../../../../src/components/drawer/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { DrawerContext } from \"./Drawer.context\";\nimport { createDrawerChangeEventDetails } from \"./create-change-event-details\";\nimport type { DrawerProps } from \"./Drawer.types\";\n\n/**\n * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，\n * 通过 context 驱动 Trigger/Content 等子部件。\n */\nexport function Drawer(props: DrawerProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const [show, setShow] = createSignal(open());\n\n  const modal = createMemo(() => props.modal ?? true);\n  const swipeDirection = createMemo(() => props.swipeDirection ?? \"down\");\n  const showSwipeHandle = createMemo(() => props.showSwipeHandle === true);\n  const disablePointerDismissal = createMemo(\n    () => props.disablePointerDismissal === true,\n  );\n\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [popup, setPopup] = createSignal<HTMLElement>();\n  const [titleId, setTitleId] = createSignal<string>();\n  const [descriptionId, setDescriptionId] = createSignal<string>();\n  const contentId = `drawer-content-${createUniqueId()}`;\n\n  // 打开时立刻挂载；关闭时保留到退场动画结束（由 Content 的 transitionend 收尾）\n  createEffect(() => {\n    if (open()) setShow(true);\n  });\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const setOpen = (\n    next: boolean,\n    reason: Parameters<typeof createDrawerChangeEventDetails>[0],\n    event?: Event,\n  ) => {\n    if (next === open() && next) return;\n    const details = createDrawerChangeEventDetails(reason, event, trigger());\n    // 先回调再落状态：调用方可以在 details.cancel() 里否决本次变更\n    // （对齐 Base UI 的 ChangeEventDetails 语义，与 ToggleGroup / TimePicker 一致）\n    props.onOpenChange?.(next, details);\n    if (details.isCanceled) return;\n    if (props.open === undefined) setInternalOpen(next);\n  };\n\n  // Modal 打开时锁定页面滚动，浮层内部仍可滚动\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: '[data-slot=\"drawer-popup\"]',\n  });\n\n  // 打开期间：Esc 关闭 +（非 disablePointerDismissal）点击外部关闭\n  createEffect(() => {\n    if (!open()) return;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setOpen(false, \"escape-key\", e);\n      }\n    };\n\n    const onPointerDown = (e: PointerEvent) => {\n      if (disablePointerDismissal()) return;\n      const target = e.target as Node | null;\n      if (popup()?.contains(target)) return;\n      if (trigger()?.contains(target)) return;\n      setOpen(false, \"outside-press\", e);\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n    });\n  });\n\n  const ctx = {\n    open,\n    setOpen,\n    show,\n    setShow,\n    modal,\n    swipeDirection,\n    showSwipeHandle,\n    disablePointerDismissal,\n    trigger,\n    setTrigger,\n    popup,\n    setPopup,\n    contentId,\n    titleId,\n    setTitleId,\n    descriptionId,\n    setDescriptionId,\n    restoreFocus,\n  };\n\n  return (\n    <DrawerContext.Provider value={ctx}>\n      {props.children}\n    </DrawerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBU,EAAOC,GAAiC;CACtD,IAAM,CAACE,GAAcC,KAAmBZ,EACtCS,EAAMI,eAAe,EACvB,GACMC,IAAOf,QACXU,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACM,CAACE,GAAMC,KAAWjB,EAAac,EAAK,CAAC,GAErCI,IAAQnB,QAAiBU,EAAMS,SAAS,EAAI,GAC5CC,IAAiBpB,QAAiBU,EAAMU,kBAAkB,MAAM,GAChEC,IAAkBrB,QAAiBU,EAAMW,oBAAoB,EAAI,GACjEC,IAA0BtB,QACxBU,EAAMY,4BAA4B,EAC1C,GAEM,CAACC,GAASC,KAAcvB,EAA0B,GAClD,CAACyB,GAAOC,KAAY1B,EAA0B,GAC9C,CAAC2B,GAASC,KAAc5B,EAAqB,GAC7C,CAAC6B,GAAeC,KAAoB9B,EAAqB,GACzD+B,IAAY,kBAAkB9B,EAAe;CAGnDH,QAAmB;EACjB,AAAIgB,EAAK,KAAGG,EAAQ,EAAI;CAC1B,CAAC;CAED,IAAMe,UAAqB;EACzB,IAAMC,IAAKX,EAAQ;EACnB,AAAIW,KAAM,OAAOA,EAAGC,SAAU,cAC5BD,EAAGC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAEpC,GAEMC,KACJC,GACAC,GACAE,MACG;EACH,IAAIH,MAASvB,EAAK,KAAKuB,GAAM;EAC7B,IAAMK,IAAUpC,EAA+BgC,GAAQE,GAAOlB,EAAQ,CAAC;EAIvE,AADAb,EAAMkC,eAAeN,GAAMK,CAAO,GAC9BA,GAAQE,cACRnC,EAAMK,SAASC,KAAAA,KAAWH,EAAgByB,CAAI;CACpD;CAQAvC,AALAM,QAAoBU,EAAK,KAAKI,EAAM,GAAG,EACrC2B,iBAAiB,+BACnB,CAAC,GAGD/C,QAAmB;EACjB,IAAI,CAACgB,EAAK,GAAG;EAEb,IAAMgC,KAAaC,MAAqB;GACtC,AAAIA,EAAEE,oBACFF,EAAEG,QAAQ,aACZH,EAAEI,eAAe,GACjBf,EAAQ,IAAO,cAAcW,CAAC;EAElC,GAEMK,KAAiBL,MAAoB;GACzC,IAAI1B,EAAwB,GAAG;GAC/B,IAAMiC,IAASP,EAAEO;GACjB,AAAI7B,EAAM,CAAC,EAAE+B,SAASF,CAAM,KACxBhC,EAAQ,CAAC,EAAEkC,SAASF,CAAM,KAC9BlB,EAAQ,IAAO,iBAAiBW,CAAC;EACnC;EAIA7C,AAFAuD,SAASC,iBAAiB,WAAWZ,CAAS,GAC9CW,SAASC,iBAAiB,eAAeN,GAAe,EAAI,GAC5DlD,QAAgB;GAEduD,AADAA,SAASE,oBAAoB,WAAWb,CAAS,GACjDW,SAASE,oBAAoB,eAAeP,GAAe,EAAI;EACjE,CAAC;CACH,CAAC;CAED,IAAMQ,IAAM;EACV9C;EACAsB;EACApB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAK;EACAJ;EACAC;EACAC;EACAC;EACAE;CACF;CAEA,OAAA6B,EACGxD,EAAcyD,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAC/BvD,EAAMuD;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/drawer/Drawer/create-change-event-details.js

@@ -1,25 +1,9 @@
+import { createChangeEventDetails as e } from "../../../utils/create-change-event-details.js";
 //#region src/components/drawer/Drawer/create-change-event-details.ts
-function e(e, t, n) {
-	let r = !1, i = !1;
-	return {
-		reason: e,
-		event: t,
-		trigger: n,
-		cancel: () => {
-			r = !0;
-		},
-		allowPropagation: () => {
-			i = !0;
-		},
-		get isCanceled() {
-			return r;
-		},
-		get isPropagationAllowed() {
-			return i;
-		}
-	};
+function t(t, n, r) {
+	return e(t, n, r);
 }
 //#endregion
-export { e as createDrawerChangeEventDetails };
+export { t as createDrawerChangeEventDetails };
 
 //# sourceMappingURL=create-change-event-details.js.map

package/dist/components/drawer/Drawer/create-change-event-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-change-event-details.js","names":["createDrawerChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/drawer/Drawer/create-change-event-details.ts"],"sourcesContent":["import type {\n  DrawerChangeEventDetails,\n  DrawerChangeReason,\n} from \"./Drawer.types\";\n\n/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */\nexport function createDrawerChangeEventDetails(\n  reason: DrawerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): DrawerChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EACd,GACA,GACA,GAC0B;CAC1B,IAAIC,IAAW,IACXC,IAAqB;CACzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}
+{"version":3,"file":"create-change-event-details.js","names":["createDrawerChangeEventDetails","createChangeEventDetails","reason","event","trigger"],"sources":["../../../../src/components/drawer/Drawer/create-change-event-details.ts"],"sourcesContent":["import { createChangeEventDetails } from \"~/utils\";\nimport type {\n  DrawerChangeEventDetails,\n  DrawerChangeReason,\n} from \"./Drawer.types\";\n\n/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */\nexport function createDrawerChangeEventDetails(\n  reason: DrawerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): DrawerChangeEventDetails {\n  return createChangeEventDetails(reason, event, trigger);\n}\n"],"mappings":";;AAOA,SAAgBA,EACd,GACA,GACA,GAC0B;CAC1B,OAAOC,EAAyBC,GAAQC,GAAOC,CAAO;AACxD"}

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.d.ts

@@ -0,0 +1,32 @@
+import { DrawerSwipeDirection } from '../Drawer/Drawer.types';
+/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */
+export declare const DISMISS_RATIO = 0.3;
+/** 阈值下限：面板很小时也要拖够这么多像素 */
+export declare const DISMISS_MIN_PX = 80;
+/**
+ * 抽屉滑动关闭的判定与几何计算。
+ *
+ * 单一职责：只回答"能不能从这里起手""拖到多少算关闭""位移该被夹到哪个方向"。
+ * 全部是纯函数或只读 DOM 的判定，不持有手势状态、不注册事件，
+ * 因此可以用人造 DOM 精确驱动每个分支。
+ */
+/** 起手点是否落在可交互元素上（这些元素自己的指针行为不该被拖拽抢走） */
+export declare function isInteractive(target: Element): boolean;
+/** 找到 target 到 popup 之间最近的可滚动容器（沿拖拽轴判定） */
+export declare function findScroller(target: Element, popup: HTMLElement, horizontal: boolean): HTMLElement | null;
+/** 滚动容器是否已经贴住"允许拖拽关闭"的那一侧 */
+export declare function canDragFromScroller(scroller: HTMLElement, horizontal: boolean, dir: DrawerSwipeDirection): boolean;
+/**
+ * 手势能否从该起手点开始：
+ * - 可交互元素上不起手；
+ * - 显式的拖拽把手永远可以；
+ * - 起手点在滚动容器内时，只有容器已经贴边才起手（否则让内容先滚）；
+ * - 没有滚动容器则直接可以。
+ */
+export declare function canSwipeFrom(target: Element, popup: HTMLElement, horizontal: boolean, dir: DrawerSwipeDirection): boolean;
+/** 关闭阈值：面板尺寸的比例，但不低于 DISMISS_MIN_PX */
+export declare function resolveDismissThreshold(panelSize: number): number;
+/** 只允许沿"关闭方向"的位移：left/up 取负数侧，right/down 取正数侧 */
+export declare function clampSwipeOffset(dir: DrawerSwipeDirection, delta: number): number;
+/** 位移是否足以关闭：必须沿关闭方向且超过阈值 */
+export declare function isClosingSwipe(dir: DrawerSwipeDirection, delta: number, threshold: number): boolean;

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.js

@@ -0,0 +1,36 @@
+//#region src/components/drawer/DrawerContent/drawer-swipe.utils.ts
+var e = .3;
+function t(e) {
+	return !!e.closest("button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]");
+}
+function n(e, t, n) {
+	let r = e;
+	for (; r && r !== t;) {
+		let e = getComputedStyle(r), t = n ? e.overflowX : e.overflowY;
+		if (/auto|scroll/.test(t) && (n ? r.scrollWidth > r.clientWidth : r.scrollHeight > r.clientHeight)) return r;
+		r = r.parentElement;
+	}
+	return null;
+}
+function r(e, t, n) {
+	return t ? n === "left" ? e.scrollLeft + e.clientWidth >= e.scrollWidth - 1 : e.scrollLeft <= 0 : n === "down" ? e.scrollTop <= 0 : e.scrollTop + e.clientHeight >= e.scrollHeight - 1;
+}
+function i(e, i, a, o) {
+	if (t(e)) return !1;
+	if (e.closest("[data-slot=\"drawer-swipe-handle\"]")) return !0;
+	let s = n(e, i, a);
+	return !s || r(s, a, o);
+}
+function a(t) {
+	return Math.max(80, t * e);
+}
+function o(e, t) {
+	return e === "left" || e === "up" ? Math.min(0, t) : Math.max(0, t);
+}
+function s(e, t, n) {
+	return e === "down" && t > n || e === "up" && -t > n || e === "left" && -t > n || e === "right" && t > n;
+}
+//#endregion
+export { e as DISMISS_RATIO, r as canDragFromScroller, i as canSwipeFrom, o as clampSwipeOffset, n as findScroller, s as isClosingSwipe, t as isInteractive, a as resolveDismissThreshold };
+
+//# sourceMappingURL=drawer-swipe.utils.js.map

package/dist/components/drawer/DrawerContent/drawer-swipe.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-swipe.utils.js","names":["DISMISS_RATIO","isInteractive","target","findScroller","node","popup","style","overflow","horizontal","canDragFromScroller","dir","scroller","canSwipeFrom","resolveDismissThreshold","panelSize","clampSwipeOffset","delta","isClosingSwipe","threshold"],"sources":["../../../../src/components/drawer/DrawerContent/drawer-swipe.utils.ts"],"sourcesContent":["import type { DrawerSwipeDirection } from \"../Drawer/Drawer.types\";\n\n/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */\nexport const DISMISS_RATIO = 0.3;\n/** 阈值下限：面板很小时也要拖够这么多像素 */\nexport const DISMISS_MIN_PX = 80;\n\n/**\n * 抽屉滑动关闭的判定与几何计算。\n *\n * 单一职责：只回答\"能不能从这里起手\"\"拖到多少算关闭\"\"位移该被夹到哪个方向\"。\n * 全部是纯函数或只读 DOM 的判定，不持有手势状态、不注册事件，\n * 因此可以用人造 DOM 精确驱动每个分支。\n */\n\n/** 起手点是否落在可交互元素上（这些元素自己的指针行为不该被拖拽抢走） */\nexport function isInteractive(target: Element): boolean {\n  return !!target.closest(\n    \"button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]\",\n  );\n}\n\n/** 找到 target 到 popup 之间最近的可滚动容器（沿拖拽轴判定） */\nexport function findScroller(\n  target: Element,\n  popup: HTMLElement,\n  horizontal: boolean,\n): HTMLElement | null {\n  let node: Element | null = target;\n  while (node && node !== popup) {\n    const style = getComputedStyle(node);\n    const overflow = horizontal ? style.overflowX : style.overflowY;\n    const scrollable =\n      /auto|scroll/.test(overflow) &&\n      (horizontal\n        ? node.scrollWidth > node.clientWidth\n        : node.scrollHeight > node.clientHeight);\n    if (scrollable) return node as HTMLElement;\n    node = node.parentElement;\n  }\n  return null;\n}\n\n/** 滚动容器是否已经贴住\"允许拖拽关闭\"的那一侧 */\nexport function canDragFromScroller(\n  scroller: HTMLElement,\n  horizontal: boolean,\n  dir: DrawerSwipeDirection,\n): boolean {\n  if (horizontal) {\n    if (dir === \"left\") {\n      return (\n        scroller.scrollLeft + scroller.clientWidth >= scroller.scrollWidth - 1\n      );\n    }\n    return scroller.scrollLeft <= 0;\n  }\n  if (dir === \"down\") return scroller.scrollTop <= 0;\n  return (\n    scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 1\n  );\n}\n\n/**\n * 手势能否从该起手点开始：\n * - 可交互元素上不起手；\n * - 显式的拖拽把手永远可以；\n * - 起手点在滚动容器内时，只有容器已经贴边才起手（否则让内容先滚）；\n * - 没有滚动容器则直接可以。\n */\nexport function canSwipeFrom(\n  target: Element,\n  popup: HTMLElement,\n  horizontal: boolean,\n  dir: DrawerSwipeDirection,\n): boolean {\n  if (isInteractive(target)) return false;\n  if (target.closest('[data-slot=\"drawer-swipe-handle\"]')) return true;\n\n  const scroller = findScroller(target, popup, horizontal);\n  if (!scroller) return true;\n  return canDragFromScroller(scroller, horizontal, dir);\n}\n\n/** 关闭阈值：面板尺寸的比例，但不低于 DISMISS_MIN_PX */\nexport function resolveDismissThreshold(panelSize: number): number {\n  return Math.max(DISMISS_MIN_PX, panelSize * DISMISS_RATIO);\n}\n\n/** 只允许沿\"关闭方向\"的位移：left/up 取负数侧，right/down 取正数侧 */\nexport function clampSwipeOffset(\n  dir: DrawerSwipeDirection,\n  delta: number,\n): number {\n  return dir === \"left\" || dir === \"up\"\n    ? Math.min(0, delta)\n    : Math.max(0, delta);\n}\n\n/** 位移是否足以关闭：必须沿关闭方向且超过阈值 */\nexport function isClosingSwipe(\n  dir: DrawerSwipeDirection,\n  delta: number,\n  threshold: number,\n): boolean {\n  return (\n    (dir === \"down\" && delta > threshold) ||\n    (dir === \"up\" && -delta > threshold) ||\n    (dir === \"left\" && -delta > threshold) ||\n    (dir === \"right\" && delta > threshold)\n  );\n}\n"],"mappings":";AAGA,IAAaA,IAAgB;AAa7B,SAAgBC,EAAc,GAA0B;CACtD,OAAO,CAAC,CAACC,EAAO,QACd,8FACF;AACF;AAGA,SAAgBC,EACd,GACA,GACA,GACoB;CACpB,IAAIC,IAAuBF;CAC3B,OAAOE,KAAQA,MAASC,IAAO;EAC7B,IAAMC,IAAQ,iBAAiBF,CAAI,GAC7BG,IAAWC,IAAaF,EAAM,YAAYA,EAAM;EAMtD,IAJE,cAAc,KAAKC,CAAQ,MAC1BC,IACGJ,EAAK,cAAcA,EAAK,cACxBA,EAAK,eAAeA,EAAK,eACf,OAAOA;EACvB,IAAOA,EAAK;CACd;CACA,OAAO;AACT;AAGA,SAAgBK,EACd,GACA,GACA,GACS;CAUT,OATID,IACEE,MAAQ,SAERC,EAAS,aAAaA,EAAS,eAAeA,EAAS,cAAc,IAGlEA,EAAS,cAAc,IAE5BD,MAAQ,SAAeC,EAAS,aAAa,IAE/CA,EAAS,YAAYA,EAAS,gBAAgBA,EAAS,eAAe;AAE1E;AASA,SAAgBC,EACd,GACA,GACA,GACA,GACS;CACT,IAAIX,EAAcC,CAAM,GAAG,OAAO;CAClC,IAAIA,EAAO,QAAQ,qCAAmC,GAAG,OAAO;CAEhE,IAAMS,IAAWR,EAAaD,GAAQG,GAAOG,CAAU;CAEvD,OADA,CAAKG,KACEF,EAAoBE,GAAUH,GAAYE,CAAG;AACtD;AAGA,SAAgBG,EAAwB,GAA2B;CACjE,OAAO,KAAK,IAAA,IAAoBC,IAAYd,CAAa;AAC3D;AAGA,SAAgBe,EACd,GACA,GACQ;CACR,OAAOL,MAAQ,UAAUA,MAAQ,OAC7B,KAAK,IAAI,GAAGM,CAAK,IACjB,KAAK,IAAI,GAAGA,CAAK;AACvB;AAGA,SAAgBC,EACd,GACA,GACA,GACS;CACT,OACGP,MAAQ,UAAUM,IAAQE,KAC1BR,MAAQ,QAAQ,CAACM,IAAQE,KACzBR,MAAQ,UAAU,CAACM,IAAQE,KAC3BR,MAAQ,WAAWM,IAAQE;AAEhC"}

package/dist/components/drawer/DrawerContent/useDrawerSwipe.d.ts

@@ -2,6 +2,9 @@ import { DrawerContextValue } from '../Drawer/Drawer.types';
 /**
  * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。
  * 从可交互元素起手、或内容还能继续滚动时不触发。
+ *
+ * 起手判定、阈值与位移夹取都在 `drawer-swipe.utils`，本 hook 只负责
+ * 信号、事件接线与生命周期清理。
  */
 export declare function useDrawerSwipe(ctx: DrawerContextValue): {
     dragging: import('solid-js').Accessor<boolean>;

package/dist/components/drawer/DrawerContent/useDrawerSwipe.js

@@ -1,56 +1,36 @@
 import { isHorizontal as e } from "./DrawerContent.styles.js";
-import { createSignal as t, onCleanup as n } from "solid-js";
+import { canSwipeFrom as t, clampSwipeOffset as n, isClosingSwipe as r, resolveDismissThreshold as i } from "./drawer-swipe.utils.js";
+import { createSignal as a, onCleanup as o } from "solid-js";
 //#region src/components/drawer/DrawerContent/useDrawerSwipe.ts
-var r = .3, i = 80;
-function a(e) {
-	return !!e.closest("button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]");
-}
-function o(e, t, n) {
-	let r = e;
-	for (; r && r !== t;) {
-		let e = getComputedStyle(r), t = n ? e.overflowX : e.overflowY;
-		if (/auto|scroll/.test(t) && (n ? r.scrollWidth > r.clientWidth : r.scrollHeight > r.clientHeight)) return r;
-		r = r.parentElement;
-	}
-	return null;
-}
-function s(e, t, n) {
-	return t ? n === "left" ? e.scrollLeft + e.clientWidth >= e.scrollWidth - 1 : e.scrollLeft <= 0 : n === "down" ? e.scrollTop <= 0 : e.scrollTop + e.clientHeight >= e.scrollHeight - 1;
-}
-function c(c) {
-	let [l, u] = t(!1), [d, f] = t(0), [p, m] = t(0), h = () => c.swipeDirection(), g = () => e(h()), _ = (e, t) => {
-		if (a(e)) return !1;
-		if (e.closest("[data-slot=\"drawer-swipe-handle\"]")) return !0;
-		let n = o(e, t, g());
-		return !n || s(n, g(), h());
-	};
+function s(s) {
+	let [c, l] = a(!1), [u, d] = a(0), [f, p] = a(0), m = () => s.swipeDirection(), h = () => e(m());
 	return {
-		dragging: l,
-		dragX: d,
-		dragY: p,
+		dragging: c,
+		dragX: u,
+		dragY: f,
 		attach: (e) => {
-			let t = 0, a = 0, o = () => {
-				u(!1), f(0), m(0);
-			}, s = (t) => {
-				if (window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), !l()) return;
-				let n = h(), a = g() ? e.offsetWidth : e.offsetHeight, s = Math.max(i, a * r), _ = g() ? d() : p();
-				n === "down" && _ > s || n === "up" && -_ > s || n === "left" && -_ > s || n === "right" && _ > s ? (u(!1), f(0), m(0), c.setOpen(!1, "swipe", t)) : o();
-			}, v = (e) => {
-				if (!l()) return;
-				let n = e.clientX - t, r = e.clientY - a, i = h();
-				g() ? f(i === "left" ? Math.min(0, n) : Math.max(0, n)) : m(i === "up" ? Math.min(0, r) : Math.max(0, r));
-			}, y = (e) => s(e), b = (n) => {
+			let a = 0, g = 0, _ = () => {
+				l(!1), d(0), p(0);
+			}, v = (t) => {
+				if (window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b), !c()) return;
+				let n = m(), a = h() ? e.offsetWidth : e.offsetHeight, o = i(a), g = h() ? u() : f();
+				r(n, g, o) ? (l(!1), d(0), p(0), s.setOpen(!1, "swipe", t)) : _();
+			}, y = (e) => {
+				if (!c()) return;
+				let t = m();
+				h() ? d(n(t, e.clientX - a)) : p(n(t, e.clientY - g));
+			}, b = (e) => v(e), x = (n) => {
 				if (n.button !== 0) return;
 				let r = n.target;
-				r && _(r, e) && (t = n.clientX, a = n.clientY, u(!0), window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y));
+				r && t(r, e, h(), m()) && (a = n.clientX, g = n.clientY, l(!0), window.addEventListener("pointermove", y), window.addEventListener("pointerup", b), window.addEventListener("pointercancel", b));
 			};
-			e.addEventListener("pointerdown", b), n(() => {
-				e.removeEventListener("pointerdown", b), window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
+			e.addEventListener("pointerdown", x), o(() => {
+				e.removeEventListener("pointerdown", x), window.removeEventListener("pointermove", y), window.removeEventListener("pointerup", b), window.removeEventListener("pointercancel", b);
 			});
 		}
 	};
 }
 //#endregion
-export { c as useDrawerSwipe };
+export { s as useDrawerSwipe };
 
 //# sourceMappingURL=useDrawerSwipe.js.map

package/dist/components/drawer/DrawerContent/useDrawerSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerSwipe.js","names":["DISMISS_RATIO","DISMISS_MIN_PX","isInteractive","target","findScroller","node","popup","style","overflow","horizontal","canDragFromScroller","dir","scroller","useDrawerSwipe","dragging","setDragging","createSignal","dragX","setDragX","dragY","setDragY","direction","ctx","isHorizontal","canStart","startX","startY","reset","finish","onMove","onUp","panelSize","threshold","delta","event","dx","dy","onPointerDown","onCleanup"],"sources":["../../../../src/components/drawer/DrawerContent/useDrawerSwipe.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\nimport { isHorizontal } from \"./DrawerContent.styles\";\nimport type {\n  DrawerContextValue,\n  DrawerSwipeDirection,\n} from \"../Drawer/Drawer.types\";\n\n/** 触发拖拽关闭的位移占面板尺寸的比例阈值 */\nconst DISMISS_RATIO = 0.3;\nconst DISMISS_MIN_PX = 80;\n\nfunction isInteractive(target: Element): boolean {\n  return !!target.closest(\n    \"button, a, input, textarea, select, [role=button], [contenteditable], [data-drawer-no-swipe]\",\n  );\n}\n\n/** 找到 target 到 popup 之间最近的纵向/横向滚动容器 */\nfunction findScroller(\n  target: Element,\n  popup: HTMLElement,\n  horizontal: boolean,\n): HTMLElement | null {\n  let node: Element | null = target;\n  while (node && node !== popup) {\n    const style = getComputedStyle(node);\n    const overflow = horizontal ? style.overflowX : style.overflowY;\n    const scrollable =\n      /auto|scroll/.test(overflow) &&\n      (horizontal\n        ? node.scrollWidth > node.clientWidth\n        : node.scrollHeight > node.clientHeight);\n    if (scrollable) return node as HTMLElement;\n    node = node.parentElement;\n  }\n  return null;\n}\n\n/** 面板是否已经贴住\"允许拖拽关闭\"的那一侧 */\nfunction canDragFromScroller(\n  scroller: HTMLElement,\n  horizontal: boolean,\n  dir: DrawerSwipeDirection,\n): boolean {\n  if (horizontal) {\n    if (dir === \"left\") {\n      return (\n        scroller.scrollLeft + scroller.clientWidth >= scroller.scrollWidth - 1\n      );\n    }\n    return scroller.scrollLeft <= 0;\n  }\n  if (dir === \"down\") return scroller.scrollTop <= 0;\n  return (\n    scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 1\n  );\n}\n\n/**\n * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。\n * 从可交互元素起手、或内容还能继续滚动时不触发。\n */\nexport function useDrawerSwipe(ctx: DrawerContextValue) {\n  const [dragging, setDragging] = createSignal(false);\n  const [dragX, setDragX] = createSignal(0);\n  const [dragY, setDragY] = createSignal(0);\n\n  const direction = () => ctx.swipeDirection();\n  const horizontal = () => isHorizontal(direction());\n\n  const canStart = (target: Element, popup: HTMLElement) => {\n    if (isInteractive(target)) return false;\n    if (target.closest('[data-slot=\"drawer-swipe-handle\"]')) return true;\n    const scroller = findScroller(target, popup, horizontal());\n    if (!scroller) return true;\n    return canDragFromScroller(scroller, horizontal(), direction());\n  };\n\n  const attach = (popup: HTMLElement) => {\n    let startX = 0;\n    let startY = 0;\n\n    const reset = () => {\n      setDragging(false);\n      setDragX(0);\n      setDragY(0);\n    };\n\n    const finish = (event: PointerEvent) => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n      if (!dragging()) return;\n\n      const dir = direction();\n      const panelSize = horizontal() ? popup.offsetWidth : popup.offsetHeight;\n      const threshold = Math.max(DISMISS_MIN_PX, panelSize * DISMISS_RATIO);\n      const delta = horizontal() ? dragX() : dragY();\n\n      // 只有沿\"关闭方向\"的位移才算关闭\n      const closing =\n        (dir === \"down\" && delta > threshold) ||\n        (dir === \"up\" && -delta > threshold) ||\n        (dir === \"left\" && -delta > threshold) ||\n        (dir === \"right\" && delta > threshold);\n\n      if (closing) {\n        setDragging(false);\n        setDragX(0);\n        setDragY(0);\n        ctx.setOpen(false, \"swipe\", event);\n      } else {\n        reset();\n      }\n    };\n\n    const onMove = (event: PointerEvent) => {\n      if (!dragging()) return;\n      const dx = event.clientX - startX;\n      const dy = event.clientY - startY;\n      const dir = direction();\n      if (horizontal()) {\n        setDragX(dir === \"left\" ? Math.min(0, dx) : Math.max(0, dx));\n      } else {\n        setDragY(dir === \"up\" ? Math.min(0, dy) : Math.max(0, dy));\n      }\n    };\n\n    const onUp = (event: PointerEvent) => finish(event);\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (event.button !== 0) return;\n      const target = event.target as Element | null;\n      if (!target || !canStart(target, popup)) return;\n      startX = event.clientX;\n      startY = event.clientY;\n      setDragging(true);\n      window.addEventListener(\"pointermove\", onMove);\n      window.addEventListener(\"pointerup\", onUp);\n      window.addEventListener(\"pointercancel\", onUp);\n    };\n\n    popup.addEventListener(\"pointerdown\", onPointerDown);\n    onCleanup(() => {\n      popup.removeEventListener(\"pointerdown\", onPointerDown);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n    });\n  };\n\n  return { dragging, dragX, dragY, attach };\n}\n"],"mappings":";;;AAQA,IAAMA,IAAgB,IAChBC,IAAiB;AAEvB,SAASC,EAAc,GAA0B;CAC/C,OAAO,CAAC,CAACC,EAAO,QACd,8FACF;AACF;AAGA,SAASC,EACP,GACA,GACA,GACoB;CACpB,IAAIC,IAAuBF;CAC3B,OAAOE,KAAQA,MAASC,IAAO;EAC7B,IAAMC,IAAQ,iBAAiBF,CAAI,GAC7BG,IAAWC,IAAaF,EAAM,YAAYA,EAAM;EAMtD,IAJE,cAAc,KAAKC,CAAQ,MAC1BC,IACGJ,EAAK,cAAcA,EAAK,cACxBA,EAAK,eAAeA,EAAK,eACf,OAAOA;EACvB,IAAOA,EAAK;CACd;CACA,OAAO;AACT;AAGA,SAASK,EACP,GACA,GACA,GACS;CAUT,OATID,IACEE,MAAQ,SAERC,EAAS,aAAaA,EAAS,eAAeA,EAAS,cAAc,IAGlEA,EAAS,cAAc,IAE5BD,MAAQ,SAAeC,EAAS,aAAa,IAE/CA,EAAS,YAAYA,EAAS,gBAAgBA,EAAS,eAAe;AAE1E;AAMA,SAAgBC,EAAe,GAAyB;CACtD,IAAM,CAACC,GAAUC,KAAeC,EAAa,EAAK,GAC5C,CAACC,GAAOC,KAAYF,EAAa,CAAC,GAClC,CAACG,GAAOC,KAAYJ,EAAa,CAAC,GAElCK,UAAkBC,EAAI,eAAe,GACrCb,UAAmBc,EAAaF,EAAU,CAAC,GAE3CG,KAAY,GAAiB,MAAuB;EACxD,IAAItB,EAAcC,CAAM,GAAG,OAAO;EAClC,IAAIA,EAAO,QAAQ,qCAAmC,GAAG,OAAO;EAChE,IAAMS,IAAWR,EAAaD,GAAQG,GAAOG,EAAW,CAAC;EAEzD,OADA,CAAKG,KACEF,EAAoBE,GAAUH,EAAW,GAAGY,EAAU,CAAC;CAChE;CA2EA,OAAO;EAAE;EAAU;EAAO;EAAO,SAzEjB,MAAuB;GACrC,IAAII,IAAS,GACTC,IAAS,GAEPC,UAAc;IAGlB,AAFAZ,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC;GACZ,GAEMQ,KAAU,MAAwB;IAItC,IAHA,OAAO,oBAAoB,eAAeC,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI,GAC5C,CAAChB,EAAS,GAAG;IAEjB,IAAMH,IAAMU,EAAU,GAChBU,IAAYtB,EAAW,IAAIH,EAAM,cAAcA,EAAM,cACrD0B,IAAY,KAAK,IAAI/B,GAAgB8B,IAAY/B,CAAa,GAC9DiC,IAAQxB,EAAW,IAAIQ,EAAM,IAAIE,EAAM;IAS7C,AALGR,MAAQ,UAAUsB,IAAQD,KAC1BrB,MAAQ,QAAQ,CAACsB,IAAQD,KACzBrB,MAAQ,UAAU,CAACsB,IAAQD,KAC3BrB,MAAQ,WAAWsB,IAAQD,KAG5BjB,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC,GACVE,EAAI,QAAQ,IAAO,SAASY,CAAK,KAEjCP,EAAM;GAEV,GAEME,KAAU,MAAwB;IACtC,IAAI,CAACf,EAAS,GAAG;IACjB,IAAMqB,IAAKD,EAAM,UAAUT,GACrBW,IAAKF,EAAM,UAAUR,GACrBf,IAAMU,EAAU;IACtB,AAAIZ,EAAW,IACbS,EAASP,MAAQ,SAAS,KAAK,IAAI,GAAGwB,CAAE,IAAI,KAAK,IAAI,GAAGA,CAAE,CAAC,IAE3Df,EAAST,MAAQ,OAAO,KAAK,IAAI,GAAGyB,CAAE,IAAI,KAAK,IAAI,GAAGA,CAAE,CAAC;GAE7D,GAEMN,KAAQ,MAAwBF,EAAOM,CAAK,GAE5CG,KAAiB,MAAwB;IAC7C,IAAIH,EAAM,WAAW,GAAG;IACxB,IAAM/B,IAAS+B,EAAM;IACrB,AAAK/B,KAAWqB,EAASrB,GAAQG,CAAK,MACtC,IAAS4B,EAAM,SACf,IAASA,EAAM,SACfnB,EAAY,EAAI,GAChB,OAAO,iBAAiB,eAAec,CAAM,GAC7C,OAAO,iBAAiB,aAAaC,CAAI,GACzC,OAAO,iBAAiB,iBAAiBA,CAAI;GAC/C;GAGA,AADAxB,EAAM,iBAAiB,eAAe+B,CAAa,GACnDC,QAAgB;IAId,AAHAhC,EAAM,oBAAoB,eAAe+B,CAAa,GACtD,OAAO,oBAAoB,eAAeR,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI;GAClD,CAAC;EACH;CAEwC;AAC1C"}
+{"version":3,"file":"useDrawerSwipe.js","names":["useDrawerSwipe","dragging","setDragging","createSignal","dragX","setDragX","dragY","setDragY","direction","ctx","horizontal","isHorizontal","startX","startY","reset","finish","onMove","onUp","dir","panelSize","popup","threshold","resolveDismissThreshold","delta","isClosingSwipe","event","clampSwipeOffset","onPointerDown","target","canSwipeFrom","onCleanup"],"sources":["../../../../src/components/drawer/DrawerContent/useDrawerSwipe.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\nimport { isHorizontal } from \"./DrawerContent.styles\";\nimport {\n  canSwipeFrom,\n  clampSwipeOffset,\n  isClosingSwipe,\n  resolveDismissThreshold,\n} from \"./drawer-swipe.utils\";\nimport type { DrawerContextValue } from \"../Drawer/Drawer.types\";\n\n/**\n * 基础拖拽关闭：pointerdown 起手 → 记录位移 → 抬起时超过阈值则关闭，否则回弹。\n * 从可交互元素起手、或内容还能继续滚动时不触发。\n *\n * 起手判定、阈值与位移夹取都在 `drawer-swipe.utils`，本 hook 只负责\n * 信号、事件接线与生命周期清理。\n */\nexport function useDrawerSwipe(ctx: DrawerContextValue) {\n  const [dragging, setDragging] = createSignal(false);\n  const [dragX, setDragX] = createSignal(0);\n  const [dragY, setDragY] = createSignal(0);\n\n  const direction = () => ctx.swipeDirection();\n  const horizontal = () => isHorizontal(direction());\n\n  const attach = (popup: HTMLElement) => {\n    let startX = 0;\n    let startY = 0;\n\n    const reset = () => {\n      setDragging(false);\n      setDragX(0);\n      setDragY(0);\n    };\n\n    const finish = (event: PointerEvent) => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n      if (!dragging()) return;\n\n      const dir = direction();\n      const panelSize = horizontal() ? popup.offsetWidth : popup.offsetHeight;\n      const threshold = resolveDismissThreshold(panelSize);\n      const delta = horizontal() ? dragX() : dragY();\n\n      // 只有沿\"关闭方向\"的位移才算关闭\n      if (isClosingSwipe(dir, delta, threshold)) {\n        setDragging(false);\n        setDragX(0);\n        setDragY(0);\n        ctx.setOpen(false, \"swipe\", event);\n      } else {\n        reset();\n      }\n    };\n\n    const onMove = (event: PointerEvent) => {\n      if (!dragging()) return;\n      const dir = direction();\n      if (horizontal()) {\n        setDragX(clampSwipeOffset(dir, event.clientX - startX));\n      } else {\n        setDragY(clampSwipeOffset(dir, event.clientY - startY));\n      }\n    };\n\n    const onUp = (event: PointerEvent) => finish(event);\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (event.button !== 0) return;\n      const target = event.target as Element | null;\n      if (!target || !canSwipeFrom(target, popup, horizontal(), direction())) {\n        return;\n      }\n      startX = event.clientX;\n      startY = event.clientY;\n      setDragging(true);\n      window.addEventListener(\"pointermove\", onMove);\n      window.addEventListener(\"pointerup\", onUp);\n      window.addEventListener(\"pointercancel\", onUp);\n    };\n\n    popup.addEventListener(\"pointerdown\", onPointerDown);\n    onCleanup(() => {\n      popup.removeEventListener(\"pointerdown\", onPointerDown);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n      window.removeEventListener(\"pointercancel\", onUp);\n    });\n  };\n\n  return { dragging, dragX, dragY, attach };\n}\n"],"mappings":";;;;AAiBA,SAAgBA,EAAe,GAAyB;CACtD,IAAM,CAACC,GAAUC,KAAeC,EAAa,EAAK,GAC5C,CAACC,GAAOC,KAAYF,EAAa,CAAC,GAClC,CAACG,GAAOC,KAAYJ,EAAa,CAAC,GAElCK,UAAkBC,EAAI,eAAe,GACrCC,UAAmBC,EAAaH,EAAU,CAAC;CAqEjD,OAAO;EAAE;EAAU;EAAO;EAAO,SAnEjB,MAAuB;GACrC,IAAII,IAAS,GACTC,IAAS,GAEPC,UAAc;IAGlB,AAFAZ,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC;GACZ,GAEMQ,KAAU,MAAwB;IAItC,IAHA,OAAO,oBAAoB,eAAeC,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI,GAC5C,CAAChB,EAAS,GAAG;IAEjB,IAAMiB,IAAMV,EAAU,GAChBW,IAAYT,EAAW,IAAIU,EAAM,cAAcA,EAAM,cACrDC,IAAYC,EAAwBH,CAAS,GAC7CI,IAAQb,EAAW,IAAIN,EAAM,IAAIE,EAAM;IAG7C,AAAIkB,EAAeN,GAAKK,GAAOF,CAAS,KACtCnB,EAAY,EAAK,GACjBG,EAAS,CAAC,GACVE,EAAS,CAAC,GACVE,EAAI,QAAQ,IAAO,SAASgB,CAAK,KAEjCX,EAAM;GAEV,GAEME,KAAU,MAAwB;IACtC,IAAI,CAACf,EAAS,GAAG;IACjB,IAAMiB,IAAMV,EAAU;IACtB,AAAIE,EAAW,IACbL,EAASqB,EAAiBR,GAAKO,EAAM,UAAUb,CAAM,CAAC,IAEtDL,EAASmB,EAAiBR,GAAKO,EAAM,UAAUZ,CAAM,CAAC;GAE1D,GAEMI,KAAQ,MAAwBF,EAAOU,CAAK,GAE5CE,KAAiB,MAAwB;IAC7C,IAAIF,EAAM,WAAW,GAAG;IACxB,IAAMG,IAASH,EAAM;IACrB,AAAKG,KAAWC,EAAaD,GAAQR,GAAOV,EAAW,GAAGF,EAAU,CAAC,MAGrE,IAASiB,EAAM,SACf,IAASA,EAAM,SACfvB,EAAY,EAAI,GAChB,OAAO,iBAAiB,eAAec,CAAM,GAC7C,OAAO,iBAAiB,aAAaC,CAAI,GACzC,OAAO,iBAAiB,iBAAiBA,CAAI;GAC/C;GAGA,AADAG,EAAM,iBAAiB,eAAeO,CAAa,GACnDG,QAAgB;IAId,AAHAV,EAAM,oBAAoB,eAAeO,CAAa,GACtD,OAAO,oBAAoB,eAAeX,CAAM,GAChD,OAAO,oBAAoB,aAAaC,CAAI,GAC5C,OAAO,oBAAoB,iBAAiBA,CAAI;GAClD,CAAC;EACH;CAEwC;AAC1C"}

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.js

@@ -32,7 +32,7 @@ function s(i) {
 			},
 			onClick: (e) => {
 				let t = c.onClick;
-				t?.(e), s.disablePointerDismissal() || s.setOpen(!1, "outside-press", e);
+				t?.(e);
 			}
 		}), !1, !1), t;
 	})();

package/dist/components/drawer/DrawerOverlay/DrawerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.js","names":["splitProps","clsx","useDrawerContext","DrawerOverlayProps","DrawerOverlay","props","ctx","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-state","open","style","opacity","transition","class","classList","onClick","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","e","disablePointerDismissal","setOpen","_$mergeProps","_tmpl$","DrawerOverlay","ctx","useDrawerContext","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","\"onClick\"","userOnClick","event"],"sources":["../../../../src/components/drawer/DrawerOverlay/DrawerOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerOverlayProps } from \"./DrawerOverlay.types\";\n\n/** 遮罩：点击关闭（disablePointerDismissal 时除外），随开关淡入淡出 */\nexport function DrawerOverlay(props: DrawerOverlayProps) {\n  const ctx = useDrawerContext(\"DrawerOverlay\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"onClick\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-overlay\"\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      aria-hidden=\"true\"\n      style={{\n        opacity: ctx.open() ? 1 : 0,\n        transition: \"opacity 450ms cubic-bezier(0.32, 0.72, 0, 1)\",\n      }}\n      class={clsx(\n        \"fixed inset-0 z-50 min-h-dvh bg-black/10 select-none supports-backdrop-filter:backdrop-blur-xs\",\n        local.class,\n      )}\n      classList={local.classList}\n      onClick={(\n        event: MouseEvent & {\n          currentTarget: HTMLDivElement;\n          target: Element;\n        },\n      ) => {\n        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n        if (!ctx.disablePointerDismissal()) {\n          ctx.setOpen(false, \"outside-press\", event);\n        }\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBI,EAAcC,GAA2B;CACvD,IAAMC,IAAMJ,EAAiB,eAAe,GACtC,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAS,CAAC;CAEzE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EA4BK,OA5BLC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAA,eAAA;IAAA,OACdF,EAAIQ,KAAK,IAAI,SAAS;GAAQ;GAAA,eAC9B;GAAM,IAClBC,QAAK;IAAA,OAAE;KACLC,SAASV,KAAIQ,KAAK;KAClBG,YAAY;IACd;GAAC;GAAA,IAAA0B,QAAA;IAAA,OACM1C,EACL,kGACAM,EAAMW,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;GAAA0B,UAExBxB,MAIG;IACH,IAAMM,IAAcpB,EAAMa;IAI1B,AADAO,IAAcN,CAAK,GACdf,EAAIuB,wBAAwB,KAC/BvB,EAAIwB,QAAQ,IAAO,iBAAiBT,CAAK;GAE7C;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAZ;CAAA,EAAA,CAAA;AAGP"}
+{"version":3,"file":"DrawerOverlay.js","names":["splitProps","clsx","useDrawerContext","DrawerOverlayProps","DrawerOverlay","props","ctx","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-state","open","style","opacity","transition","class","classList","onClick","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","e","_$mergeProps","_tmpl$","DrawerOverlay","ctx","useDrawerContext","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","\"onClick\"","userOnClick","event"],"sources":["../../../../src/components/drawer/DrawerOverlay/DrawerOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerOverlayProps } from \"./DrawerOverlay.types\";\n\n/** 遮罩：点击关闭（disablePointerDismissal 时除外），随开关淡入淡出 */\nexport function DrawerOverlay(props: DrawerOverlayProps) {\n  const ctx = useDrawerContext(\"DrawerOverlay\");\n  const [local, rest] = splitProps(props, [\"class\", \"classList\", \"onClick\"]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"drawer-overlay\"\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      aria-hidden=\"true\"\n      style={{\n        opacity: ctx.open() ? 1 : 0,\n        transition: \"opacity 450ms cubic-bezier(0.32, 0.72, 0, 1)\",\n      }}\n      class={clsx(\n        \"fixed inset-0 z-50 min-h-dvh bg-black/10 select-none supports-backdrop-filter:backdrop-blur-xs\",\n        local.class,\n      )}\n      classList={local.classList}\n      onClick={(\n        event: MouseEvent & {\n          currentTarget: HTMLDivElement;\n          target: Element;\n        },\n      ) => {\n        // 只转发调用方的 onClick。\n        // 「点遮罩关闭」由 Drawer 根组件在 document 上的 pointerdown 捕获统一处理——\n        // 这里再关一次会让一次真实点击产生两次 onOpenChange（pointerdown + click），\n        // 而且第二次是在已经关闭之后重复回调。\n        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBI,EAAcC,GAA2B;CACvD,IAAMC,IAAMJ,EAAiB,eAAe,GACtC,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAS,CAAC;CAEzE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EA6BK,OA7BLC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAgB,IAAA,eAAA;IAAA,OACdF,EAAIQ,KAAK,IAAI,SAAS;GAAQ;GAAA,eAC9B;GAAM,IAClBC,QAAK;IAAA,OAAE;KACLC,SAASV,KAAIQ,KAAK;KAClBG,YAAY;IACd;GAAC;GAAA,IAAAwB,QAAA;IAAA,OACMxC,EACL,kGACAM,EAAMW,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;GAAAwB,UAExBtB,MAIG;IAKH,IAAMM,IAAcpB,EAAMa;IAG1BO,IAAcN,CAAK;GACrB;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAZ;CAAA,EAAA,CAAA;AAGP"}

package/dist/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.js

@@ -5,31 +5,31 @@ import { useDropdownMenuTrigger as r } from "./useDropdownMenuTrigger.js";
 import { Dynamic as i, createComponent as a, memo as o, mergeProps as s } from "solid-js/web";
 //#region src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx
 var c = (c) => {
-	let { ctx: l, attachListeners: u } = r();
+	let l = () => !!c.disabled, { ctx: u, attachListeners: d } = r(l);
 	return a(i, s(c, {
 		get component() {
 			return c.component ?? n;
 		},
 		ref(e) {
-			var n = t((e) => l.setTrigger(e), c.ref, u);
+			var n = t((e) => u.setTrigger(e), c.ref, d);
 			typeof n == "function" && n(e);
 		},
 		get disabled() {
-			return l.disabled() || c.disabled;
+			return u.disabled() || l();
 		},
 		"data-slot": "dropdown-menu-trigger",
 		"aria-haspopup": "menu",
 		get "aria-expanded"() {
-			return l.open();
+			return u.open();
 		},
 		get "aria-controls"() {
-			return o(() => !!l.open())() ? l.contentId : void 0;
+			return o(() => !!u.open())() ? u.contentId : void 0;
 		},
 		get "data-state"() {
-			return l.open() ? "open" : "closed";
+			return u.open() ? "open" : "closed";
 		},
 		get "data-popup-open"() {
-			return l.open() ? "" : void 0;
+			return u.open() ? "" : void 0;
 		},
 		get class() {
 			return e(c.class);

package/dist/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":["ValidComponent","Dynamic","Button","clsx","mergeRefs","useDropdownMenuTrigger","DropdownMenuTriggerProps","DropdownMenuTrigger","props","T","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","el","Element","setTrigger","HTMLElement","disabled","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-popup-open","class","_$createComponent","_$mergeProps","_$memo","DropdownMenuTrigger","useDropdownMenuTrigger","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","ctx","el","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { useDropdownMenuTrigger } from \"./useDropdownMenuTrigger\";\nimport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger.types\";\n\n/** 默认渲染 Button；点击或方向键/Enter/Space 打开菜单 */\nexport const DropdownMenuTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DropdownMenuTriggerProps<T>,\n) => {\n  const { ctx, attachListeners } = useDropdownMenuTrigger();\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(\n        (el: Element) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attachListeners,\n      )}\n      disabled={ctx.disabled() || (props as { disabled?: boolean }).disabled}\n      data-slot=\"dropdown-menu-trigger\"\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      class={clsx(props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAaO,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,uBAAoBN,EAAuB;CAExD,OAAAO,EACGX,GAAOY,EACFL,GAAK;EAAA,IACTM,YAAS;GAAA,OAAGN,EAAMM,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Db,GACFc,MAAgBR,EAAIU,WAAWF,CAAiB,GACjDV,EAAMO,KACNJ,CACF;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IACDM,WAAQ;GAAA,OAAEZ,EAAIY,SAAS,KAAMd,EAAiCc;EAAQ;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGvDZ,EAAIc,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAhB,EAAIc,KAAK,CAAC,CAAA,CAAA,IAAGd,EAAIiB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzClB,EAAIc,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,oBAAA;GAAA,OACzBd,EAAIc,KAAK,IAAI,KAAKI,KAAAA;EAAS;EAAA,IAAAqB,QAAA;GAAA,OACrC9C,EAAKK,EAAMuB,KAAK;EAAC;CAAA,CAAA,CAAA;AAG9B"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":["ValidComponent","Dynamic","Button","clsx","mergeRefs","useDropdownMenuTrigger","DropdownMenuTriggerProps","DropdownMenuTrigger","props","T","ownDisabled","Boolean","disabled","ctx","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","el","Element","setTrigger","HTMLElement","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-popup-open","class","_$createComponent","_$mergeProps","_$memo","DropdownMenuTrigger","ownDisabled","props","useDropdownMenuTrigger","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","ctx","el","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/DropdownMenuTrigger.tsx"],"sourcesContent":["// classlist-opt-out: Dynamic 的 component 是 Button（子组件会自己处理 classList），实际不丢\nimport type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { useDropdownMenuTrigger } from \"./useDropdownMenuTrigger\";\nimport type { DropdownMenuTriggerProps } from \"./DropdownMenuTrigger.types\";\n\n/** 默认渲染 Button；点击或方向键/Enter/Space 打开菜单 */\nexport const DropdownMenuTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: DropdownMenuTriggerProps<T>,\n) => {\n  const ownDisabled = () => Boolean((props as { disabled?: boolean }).disabled);\n  const { ctx, attachListeners } = useDropdownMenuTrigger(ownDisabled);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(\n        (el: Element) => ctx.setTrigger(el as HTMLElement),\n        props.ref,\n        attachListeners,\n      )}\n      disabled={ctx.disabled() || ownDisabled()}\n      data-slot=\"dropdown-menu-trigger\"\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      class={clsx(props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;AASA,IAAaO,KAGXC,MACG;CACH,IAAME,UAAoBC,EAASH,EAAiCI,UAC9D,EAAEC,QAAKC,uBAAoBT,EAAuBK,CAAW;CAEnE,OAAAK,EACGd,GAAOe,EACFR,GAAK;EAAA,IACTS,YAAS;GAAA,OAAGT,EAAMS,aAAgCf;EAAgB;EAAAgB,IAAAC,GAAA;GAAA,IAAAC,IAC7DhB,GACFiB,MAAgBR,EAAIU,WAAWF,CAAiB,GACjDb,EAAMU,KACNJ,CACF;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IACDP,WAAQ;GAAA,OAAEC,EAAID,SAAS,KAAKF,EAAY;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAG1BG,EAAIa,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAf,EAAIa,KAAK,CAAC,CAAA,CAAA,IAAGb,EAAIgB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCjB,EAAIa,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,oBAAA;GAAA,OACzBb,EAAIa,KAAK,IAAI,KAAKI,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAKK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAG9B"}

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.d.ts

@@ -1,4 +1,10 @@
-export declare function useDropdownMenuTrigger(): {
+export declare function useDropdownMenuTrigger(
+/**
+ * 触发器自身的 disabled（根状态之外的 `props.disabled`）。
+ * 必须参与守卫：多态渲染成 div/a 时浏览器不会帮忙屏蔽点击，
+ * 只判 `ctx.disabled()` 会让"禁用的触发器"照样打开菜单。
+ */
+ownDisabled: () => boolean): {
     ctx: import('../DropdownMenu').DropdownMenuContextValue;
     attachListeners: (el: Element) => void;
 };

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.js

@@ -1,25 +1,25 @@
 import { useDropdownMenuContext as e } from "../DropdownMenu/DropdownMenu.context.js";
 import { onCleanup as t } from "solid-js";
 //#region src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts
-function n() {
-	let n = e("DropdownMenuTrigger");
+function n(n) {
+	let r = e("DropdownMenuTrigger");
 	return {
-		ctx: n,
+		ctx: r,
 		attachListeners: (e) => {
-			let r = (e) => {
-				n.disabled() || n.toggle(e);
-			}, i = (e) => {
-				if (n.disabled()) return;
+			let i = () => r.disabled() || n(), a = (e) => {
+				i() || r.toggle(e);
+			}, o = (e) => {
+				if (i()) return;
 				let t = e;
 				[
 					"ArrowDown",
 					"ArrowUp",
 					"Enter",
 					" "
-				].includes(t.key) && (t.preventDefault(), n.open() || n.setOpen(!0, t));
+				].includes(t.key) && (t.preventDefault(), r.open() || r.setOpen(!0, t));
 			};
-			e.addEventListener("click", r), e.addEventListener("keydown", i), t(() => {
-				e.removeEventListener("click", r), e.removeEventListener("keydown", i);
+			e.addEventListener("click", a), e.addEventListener("keydown", o), t(() => {
+				e.removeEventListener("click", a), e.removeEventListener("keydown", o);
 			});
 		}
 	};

package/dist/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMenuTrigger.js","names":["useDropdownMenuTrigger","ctx","useDropdownMenuContext","onClick","event","onKeyDown","e","el","onCleanup"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useDropdownMenuContext } from \"../DropdownMenu/DropdownMenu.context\";\n\nexport function useDropdownMenuTrigger() {\n  const ctx = useDropdownMenuContext(\"DropdownMenuTrigger\");\n\n  const attachListeners = (el: Element) => {\n    const onClick = (event: Event) => {\n      if (ctx.disabled()) return;\n      ctx.toggle(event);\n    };\n\n    const onKeyDown = (event: Event) => {\n      if (ctx.disabled()) return;\n      const e = event as KeyboardEvent;\n      if (![\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) return;\n      e.preventDefault();\n      if (!ctx.open()) ctx.setOpen(true, e);\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAGA,SAAgBA,IAAyB;CACvC,IAAMC,IAAMC,EAAuB,qBAAqB;CAwBxD,OAAO;EAAE;EAAK,kBAtBW,MAAgB;GACvC,IAAMC,KAAW,MAAiB;IAChC,AAAIF,EAAI,SAAS,KACjBA,EAAI,OAAOG,CAAK;GAClB,GAEMC,KAAa,MAAiB;IAClC,IAAIJ,EAAI,SAAS,GAAG;IACpB,IAAMK,IAAIF;IACV,AAAK;KAAC;KAAa;KAAW;KAAS;IAAG,CAAC,CAAC,SAASE,EAAE,GAAG,MAC1DA,EAAE,eAAe,GACZL,EAAI,KAAK,KAAGA,EAAI,QAAQ,IAAMK,CAAC;GACtC;GAIA,AAFAC,EAAG,iBAAiB,SAASJ,CAAO,GACpCI,EAAG,iBAAiB,WAAWF,CAAS,GACxCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASJ,CAAO,GACvCI,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE8B;AAChC"}
+{"version":3,"file":"useDropdownMenuTrigger.js","names":["useDropdownMenuTrigger","ctx","useDropdownMenuContext","disabled","ownDisabled","onClick","event","onKeyDown","e","el","onCleanup"],"sources":["../../../../src/components/dropdown-menu/DropdownMenuTrigger/useDropdownMenuTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useDropdownMenuContext } from \"../DropdownMenu/DropdownMenu.context\";\n\nexport function useDropdownMenuTrigger(\n  /**\n   * 触发器自身的 disabled（根状态之外的 `props.disabled`）。\n   * 必须参与守卫：多态渲染成 div/a 时浏览器不会帮忙屏蔽点击，\n   * 只判 `ctx.disabled()` 会让\"禁用的触发器\"照样打开菜单。\n   */\n  ownDisabled: () => boolean,\n) {\n  const ctx = useDropdownMenuContext(\"DropdownMenuTrigger\");\n\n  const attachListeners = (el: Element) => {\n    const disabled = () => ctx.disabled() || ownDisabled();\n\n    const onClick = (event: Event) => {\n      if (disabled()) return;\n      ctx.toggle(event);\n    };\n\n    const onKeyDown = (event: Event) => {\n      if (disabled()) return;\n      const e = event as KeyboardEvent;\n      if (![\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(e.key)) return;\n      e.preventDefault();\n      if (!ctx.open()) ctx.setOpen(true, e);\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAGA,SAAgBA,EAMd,GACA;CACA,IAAMC,IAAMC,EAAuB,qBAAqB;CA0BxD,OAAO;EAAE;EAAK,kBAxBW,MAAgB;GACvC,IAAMC,UAAiBF,EAAI,SAAS,KAAKG,EAAY,GAE/CC,KAAW,MAAiB;IAChC,AAAIF,EAAS,KACbF,EAAI,OAAOK,CAAK;GAClB,GAEMC,KAAa,MAAiB;IAClC,IAAIJ,EAAS,GAAG;IAChB,IAAMK,IAAIF;IACV,AAAK;KAAC;KAAa;KAAW;KAAS;IAAG,CAAC,CAAC,SAASE,EAAE,GAAG,MAC1DA,EAAE,eAAe,GACZP,EAAI,KAAK,KAAGA,EAAI,QAAQ,IAAMO,CAAC;GACtC;GAIA,AAFAC,EAAG,iBAAiB,SAASJ,CAAO,GACpCI,EAAG,iBAAiB,WAAWF,CAAS,GACxCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASJ,CAAO,GACvCI,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE8B;AAChC"}

package/dist/components/field/Field/Field.js

@@ -17,6 +17,9 @@ var s = /*#__PURE__*/ i("<div role=group data-slot=field>"), c = (i) => {
 			},
 			get class() {
 				return e(t({ orientation: l.orientation }), l.class);
+			},
+			get classList() {
+				return l.classList;
 			}
 		}, u), !1, !1), i;
 	})();

package/dist/components/field/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["mergeProps","splitProps","clsx","FieldProps","fieldVariants","Field","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Field","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","fieldVariants"],"sources":["../../../../src/components/field/Field/Field.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldProps } from \"./Field.types\";\nimport { fieldVariants } from \"./Field.styles\";\n\nexport const Field = (props: FieldProps) => {\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={local.orientation}\n      class={clsx(\n        fieldVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAASC,MAAsB;CAC1C,IAAMC,IAASP,EAAW,EAAEQ,aAAa,WAAW,GAAYF,CAAK,GAE/D,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAIsBL,EAAMF;GAAW;GAAA,IAAAuB,QAAA;IAAA,OAC5B7B,EACLE,EAAc,EAAEI,aAAaE,EAAMF,YAAY,CAAC,GAChDE,EAAMO,KACR;GAAC;EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Field.js","names":["mergeProps","splitProps","clsx","FieldProps","fieldVariants","Field","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Field","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","fieldVariants"],"sources":["../../../../src/components/field/Field/Field.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldProps } from \"./Field.types\";\nimport { fieldVariants } from \"./Field.styles\";\n\nexport const Field = (props: FieldProps) => {\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={local.orientation}\n      class={clsx(\n        fieldVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAASC,MAAsB;CAC1C,IAAMC,IAASP,EAAW,EAAEQ,aAAa,WAAW,GAAYF,CAAK,GAE/D,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAUc,OAVdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAIsBL,EAAMF;GAAW;GAAA,IAAAwB,QAAA;IAAA,OAC5B9B,EACLE,EAAc,EAAEI,aAAaE,EAAMF,YAAY,CAAC,GAChDE,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldContent/FieldContent.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=field-content>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/field/FieldContent/FieldContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldContent.js","names":["splitProps","clsx","FieldContentProps","FieldContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldContent/FieldContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldContentProps } from \"./FieldContent.types\";\n\nexport const FieldContent = (props: FieldContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-content\"\n      class={clsx(\n        \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,iEACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldContent.js","names":["splitProps","clsx","FieldContentProps","FieldContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldContent/FieldContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldContentProps } from \"./FieldContent.types\";\n\nexport const FieldContent = (props: FieldContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-content\"\n      class={clsx(\n        \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,iEACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldDescription/FieldDescription.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<p data-slot=field-description>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/field/FieldDescription/FieldDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDescription.js","names":["splitProps","clsx","FieldDescriptionProps","FieldDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldDescription","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldDescriptionProps } from \"./FieldDescription.types\";\n\nexport const FieldDescription = (props: FieldDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"field-description\"\n      class={clsx(\n        \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,qJACA,8BACA,qEACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldDescription.js","names":["splitProps","clsx","FieldDescriptionProps","FieldDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldDescription","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldDescriptionProps } from \"./FieldDescription.types\";\n\nexport const FieldDescription = (props: FieldDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"field-description\"\n      class={clsx(\n        \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAUc,OAVdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,qJACA,8BACA,qEACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldError/FieldError.js

@@ -26,9 +26,14 @@ var l = /*#__PURE__*/ a("<ul class=\"ml-4 flex list-disc flex-col gap-1\">"), u
 		},
 		get children() {
 			var t = d();
-			return i(t, r({ get class() {
-				return e("text-sm font-normal text-destructive", f.class);
-			} }, p), !1, !0), n(t, m), t;
+			return i(t, r({
+				get class() {
+					return e("text-sm font-normal text-destructive", f.class);
+				},
+				get classList() {
+					return f.classList;
+				}
+			}, p), !1, !0), n(t, m), t;
 		}
 	});
 };

package/dist/components/field/FieldError/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","FieldError","local","others","splitProps","props","resolved","children","uniqueErrors","error","_el$","insert","_el$2","createComponent","Show","_el$3","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\"text-sm font-normal text-destructive\", local.class)}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;0KAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAWT,QAAe;EAC9B,IAAIO,EAAMP,UAAU,OAAOO,EAAMP;EAEjC,IAAI,CAACO,EAAMG,QAAQC,QAAQ,OAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,CAAK,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAO3E,OAJIL,GAAcD,WAAW,IACpBC,EAAa,EAAE,EAAEI,iBAG1B;GAAA,IAAAE,IAAAC,EAAA;GAIK,OAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,EAAA;IAAsB,OAAtBF,EAAAC,SAASN,EAAMC,OAAO,GAAAK;GAAA,EAAA,CAAA,CACjD,CAAC,GAAAH;EAAA,EAAA,CAAA;CAGP,CAAC;CAED,OAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEf,EAAS;EAAC;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,EAAA;GAOT,OAPSC,EAAAF,GAAAG,EAAA,EAAA,IAAAwB,QAAA;IAAA,OAIXjD,EAAK,wCAAwCI,EAAMsB,KAAK;GAAC,EAAA,GAC5DrB,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAK,GAEThB,CAAQ,GAAAgB;EAAA;CAAA,CAAA;AAIjB"}
+{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class","classList","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","FieldError","local","others","splitProps","props","resolved","children","uniqueErrors","error","_el$","insert","_el$2","createComponent","Show","_el$3","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\"text-sm font-normal text-destructive\", local.class)}\n        classList={local.classList}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;0KAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAWT,QAAe;EAC9B,IAAIO,EAAMP,UAAU,OAAOO,EAAMP;EAEjC,IAAI,CAACO,EAAMG,QAAQC,QAAQ,OAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,CAAK,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAO3E,OAJIL,GAAcD,WAAW,IACpBC,EAAa,EAAE,EAAEI,iBAG1B;GAAA,IAAAE,IAAAC,EAAA;GAIK,OAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,EAAA;IAAsB,OAAtBF,EAAAC,SAASN,EAAMC,OAAO,GAAAK;GAAA,EAAA,CAAA,CACjD,CAAC,GAAAH;EAAA,EAAA,CAAA;CAGP,CAAC;CAED,OAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEf,EAAS;EAAC;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,EAAA;GAQT,OARSC,EAAAF,GAAAG,EAAA;IAAA,IAAAyB,QAAA;KAAA,OAIXlD,EAAK,wCAAwCI,EAAMsB,KAAK;IAAC;IAAA,IAChEC,YAAS;KAAA,OAAEvB,EAAMuB;IAAS;GAAA,GACtBtB,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAK,GAEThB,CAAQ,GAAAgB;EAAA;CAAA,CAAA;AAIjB"}

package/dist/components/field/FieldGroup/FieldGroup.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=field-group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion