@neut/ui 0.0.16 → 0.0.18

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js

@@ -15,6 +15,9 @@ var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		size: "md",
 		get class() {
 			return e("pl-1.5!", d.class);
+		},
+		get classList() {
+			return d.classList;
 		}
 	}, f, { get children() {
 		return [n(c, {

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationPrevious","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","ChevronLeft","_el$","insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAoB,QAAA;GAAA,OACG9B,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA6B,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAjB,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}
+{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","classList","children","_el$","_tmpl$","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","PaginationPrevious","merged","props","local","others","splitProps","createComponent","PaginationLink","mergeProps","\"class\"","clsx","ChevronLeft","_el$","insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAAqB,QAAA;GAAA,OACG/B,EAAK,WAAWM,EAAMK,KAAK;EAAC;EAAA,IACnCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,GACtBL,GAAM,EAAA,IAAAM,WAAA;EAAA,OAAA,CAAAL,EAETP,GAAW;GAAA,aAAA;GAAA8B,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAjB,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBR,EAAMD,IAAI,GAAAS;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}

package/dist/components/popover/PopoverContent/PopoverContent.js

@@ -51,6 +51,9 @@ function y(p) {
 					},
 					get class() {
 						return e("z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", S.class);
+					},
+					get classList() {
+						return S.classList;
 					}
 				}, C), !1, !0), c(a, () => S.children), s((e) => {
 					var t = b.placement(), n = {

package/dist/components/popover/PopoverContent/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","PopoverContent","usePopoverContent","props","local","rest","splitProps","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","animationState","getSide","pos","getAlignment","getPopoverTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAAmD,QAAA;MAAA,OACM3E,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;IAAA,GACGvB,CAAI,GAAA,IAAA,EAAA,GAAAwB,EAAAjB,SAEPR,EAAMK,QAAQ,GAAAqB,GAAAC,MAAA;KAAA,IAAAC,IA5BD9B,EAAIuB,UAAU,GAACQ,IACxB;MACL,GAAG/B,EAAIgC,eAAe;MAEtBC,SAASjC,KAAIkC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA5B,GAAA,kBAAAqB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA9B,GAAAuB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAApB,KAAAA;KAAAsB,GAAAtB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA6BX"}
+{"version":3,"file":"PopoverContent.js","names":["Show","onCleanup","splitProps","Portal","clsx","getAlignment","getSide","usePopoverContent","getPopoverTransformOrigin","PopoverContentProps","PopoverContent","props","ctx","pos","animationState","local","rest","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-open","data-closed","data-side","placement","data-align","style","class","classList","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","PopoverContent","usePopoverContent","props","local","rest","splitProps","createComponent","Show","ctx","Portal","_el$","_el$2","use","el","onCleanup","spread","mergeProps","animationState","getSide","pos","getAlignment","getPopoverTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { usePopoverContent } from \"./usePopoverContent\";\nimport { getPopoverTransformOrigin } from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\n/**\n * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。\n * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。\n */\nexport function PopoverContent(props: PopoverContentProps) {\n  const { ctx, pos, animationState } = usePopoverContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        {/*\n          外层：只负责定位（position:fixed 来自 floatingStyles），不参与动画。\n          内层：真正的视觉样式 + 进出场动画。分层的原因和 Select/Tooltip 相同：\n          同一个元素不能同时用 transform 做定位和做动画。\n        */}\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 50,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"popover-content\"\n            data-open={animationState() === \"open\" ? \"\" : undefined}\n            data-closed={animationState() === \"closed\" ? \"\" : undefined}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            style={{\n              \"transform-origin\": getPopoverTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 flex w-72 flex-col gap-2.5 overflow-hidden rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100\",\n              \"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n              \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\",\n              \"data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              local.class,\n            )}\n            classList={local.classList}\n            {...rest}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBU,EAAeC,GAA4B;CACzD,IAAM,EAAEC,QAAKC,QAAKC,sBAAmBP,QAAwBI,CAAK,GAE5D,CAACI,GAAOC,KAAQd,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAM,EACGjB,GAAI;EAAA,IAACkB,OAAI;GAAA,OAAEN,EAAIO,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBd,GAAM,EAAA,IAAAiB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAgBF,OAhBEC,GAOGC,MAAO;KAEXzB,AADAW,EAAIe,YAAYD,CAAE,GAClBzB,QAAgBW,EAAIe,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IASCC,KAAE;MAAA,OAAEnB,EAAIoB;KAAS;KAAA,IAAA,cAAA;MAAA,OAGNlB,EAAe,MAAM,SAAS,KAAKc,KAAAA;KAAS;KAAA,IAAA,gBAAA;MAAA,OAC1Cd,EAAe,MAAM,WAAW,KAAKc,KAAAA;KAAS;KAAA,IAAA,cAAA;MAAA,OAChDtB,EAAQO,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvB/B,EAAaQ,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,QAAK;MAAA,OAAE;OACL,oBAAoB9B,EAA0BK,EAAIuB,UAAU,CAAC;OAC7D,GAAI,OAAOrB,EAAMuB,SAAU,WAAWvB,EAAMuB,QAAQV,KAAAA;MACtD;KAAC;KAAA,IAAAoD,QAAA;MAAA,OACM5E,EACL,+KACA,+JACA,iEACA,0EACAW,EAAMwB,KACR;KAAC;KAAA,IACDC,YAAS;MAAA,OAAEzB,EAAMyB;KAAS;IAAA,GACtBxB,CAAI,GAAA,IAAA,EAAA,GAAAyB,EAAAlB,SAEPR,EAAMK,QAAQ,GAAAsB,GAAAC,MAAA;KAAA,IAAAC,IA7BD/B,EAAIuB,UAAU,GAACS,IACxB;MACL,GAAGhC,EAAIiC,eAAe;MAEtBC,SAASlC,KAAImC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA7B,GAAA,kBAAAsB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAA/B,GAAAwB,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAArB,KAAAA;KAAAuB,GAAAvB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA8BX"}

package/dist/components/popover/PopoverContent/PopoverContent.utils.d.ts

@@ -1,20 +1,13 @@
-import { Middleware, Placement } from '../../../lib';
+import { getTransformOrigin, Middleware } from '../../../lib';
 import { PopoverSide } from './PopoverContent.types';
-/**
- * 把 shadcn/Base UI 风格的 side + align 拆分参数转换成核心库统一用的
- * `Placement` 字符串。Base UI 额外支持 inline-start / inline-end 逻辑方向，
- * 这里简单按 LTR 映射（inline-start -> left, inline-end -> right）。
- */
-export declare function toPopoverPlacement(side: PopoverSide, align: "start" | "end" | "center"): Placement;
-/** 根据最终生效的 placement 计算缩放动画的 transform-origin。 */
-export declare function getPopoverTransformOrigin(placement: Placement): string;
+/** side + align 转成核心库的 Placement(逻辑方向按 LTR 映射) */
+export declare function toPopoverPlacement(side: PopoverSide, align: "start" | "end" | "center"): import('../../../lib').Placement;
+/** 根据最终 placement 计算缩放动画的 transform-origin */
+export declare const getPopoverTransformOrigin: typeof getTransformOrigin;
 export interface BuildPopoverMiddlewareOptions {
     sideOffset: number;
     alignOffset: number;
     collisionPadding: number;
 }
-/**
- * Popover 定位管线：offset → flip → shift → hide → containingBlockOffset。
- * 和 Tooltip 相比只少了 arrow middleware，其余策略一致。
- */
+/** Popover 定位管线:offset → flip → shift → hide → containingBlockOffset */
 export declare function createPopoverMiddleware(options: BuildPopoverMiddlewareOptions): Middleware[];

package/dist/components/popover/PopoverContent/PopoverContent.utils.js

@@ -1,36 +1,13 @@
-import { getAlignment as e, getSide as t } from "../../../lib/positioner/core/placement.js";
-import { offset as n } from "../../../lib/positioner/middleware/offset.js";
-import { shift as r } from "../../../lib/positioner/middleware/shift.js";
-import { flip as i } from "../../../lib/positioner/middleware/flip.js";
-import { hide as a } from "../../../lib/positioner/middleware/hide.js";
-import { containingBlockOffset as o } from "../../../lib/positioner/middleware/containing-block-offset.js";
+import { createFloatingMiddleware as e, getTransformOrigin as t, toPlacement as n } from "../../../lib/positioner/utils/floating.js";
 //#region src/components/popover/PopoverContent/PopoverContent.utils.ts
-function s(e, t) {
-	let n = e === "inline-start" ? "left" : e === "inline-end" ? "right" : e;
-	return t === "center" ? n : `${n}-${t}`;
+function r(e, t) {
+	return n(e, t);
 }
-function c(n) {
-	let r = t(n), i = e(n), a = i === "start" ? "0%" : i === "end" ? "100%" : "50%";
-	switch (r) {
-		case "top": return `${a} 100%`;
-		case "bottom": return `${a} 0%`;
-		case "left": return `100% ${a}`;
-		case "right": return `0% ${a}`;
-	}
-}
-function l(e) {
-	return [
-		n({
-			mainAxis: e.sideOffset,
-			crossAxis: e.alignOffset
-		}),
-		i(),
-		r({ padding: e.collisionPadding }),
-		a(),
-		o()
-	];
+var i = t;
+function a(t) {
+	return e(t);
 }
 //#endregion
-export { l as createPopoverMiddleware, c as getPopoverTransformOrigin, s as toPopoverPlacement };
+export { a as createPopoverMiddleware, i as getPopoverTransformOrigin, r as toPopoverPlacement };
 
 //# sourceMappingURL=PopoverContent.utils.js.map

package/dist/components/popover/PopoverContent/PopoverContent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.utils.js","names":["toPopoverPlacement","physical","side","align","getPopoverTransformOrigin","getSide","placement","getAlignment","crossAxisOrigin","createPopoverMiddleware","offset","options","flip","shift","hide","containingBlockOffset"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.utils.ts"],"sourcesContent":["import {\n  containingBlockOffset,\n  flip,\n  getAlignment,\n  getSide,\n  hide,\n  offset,\n  shift,\n  type Middleware,\n  type Placement,\n} from \"~/lib\";\nimport type { PopoverSide } from \"./PopoverContent.types\";\n\n/**\n * 把 shadcn/Base UI 风格的 side + align 拆分参数转换成核心库统一用的\n * `Placement` 字符串。Base UI 额外支持 inline-start / inline-end 逻辑方向，\n * 这里简单按 LTR 映射（inline-start -> left, inline-end -> right）。\n */\nexport function toPopoverPlacement(\n  side: PopoverSide,\n  align: \"start\" | \"end\" | \"center\",\n): Placement {\n  const physical =\n    side === \"inline-start\" ? \"left\" : side === \"inline-end\" ? \"right\" : side;\n  return align === \"center\" ? physical : (`${physical}-${align}` as Placement);\n}\n\n/** 根据最终生效的 placement 计算缩放动画的 transform-origin。 */\nexport function getPopoverTransformOrigin(placement: Placement): string {\n  const side = getSide(placement);\n  const align = getAlignment(placement);\n  const crossAxisOrigin =\n    align === \"start\" ? \"0%\" : align === \"end\" ? \"100%\" : \"50%\";\n\n  switch (side) {\n    case \"top\":\n      return `${crossAxisOrigin} 100%`;\n    case \"bottom\":\n      return `${crossAxisOrigin} 0%`;\n    case \"left\":\n      return `100% ${crossAxisOrigin}`;\n    case \"right\":\n      return `0% ${crossAxisOrigin}`;\n  }\n}\n\nexport interface BuildPopoverMiddlewareOptions {\n  sideOffset: number;\n  alignOffset: number;\n  collisionPadding: number;\n}\n\n/**\n * Popover 定位管线：offset → flip → shift → hide → containingBlockOffset。\n * 和 Tooltip 相比只少了 arrow middleware，其余策略一致。\n */\nexport function createPopoverMiddleware(\n  options: BuildPopoverMiddlewareOptions,\n): Middleware[] {\n  return [\n    offset({ mainAxis: options.sideOffset, crossAxis: options.alignOffset }),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;AAkBA,SAAgBA,EACd,GACA,GACW;CACX,IAAMC,IACJC,MAAS,iBAAiB,SAASA,MAAS,eAAe,UAAUA;CACvE,OAAOC,MAAU,WAAWF,IAAY,GAAGA,EAAS,GAAGE;AACzD;AAGA,SAAgBC,EAA0B,GAA8B;CACtE,IAAMF,IAAOG,EAAQC,CAAS,GACxBH,IAAQI,EAAaD,CAAS,GAC9BE,IACJL,MAAU,UAAU,OAAOA,MAAU,QAAQ,SAAS;CAExD,QAAQD,GAAR;EACE,KAAK,OACH,OAAO,GAAGM,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAGA,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQA;EACjB,KAAK,SACH,OAAO,MAAMA;CACjB;AACF;AAYA,SAAgBC,EACd,GACc;CACd,OAAO;EACLC,EAAO;GAAE,UAAUC,EAAQ;GAAY,WAAWA,EAAQ;EAAY,CAAC;EACvEC,EAAK;EACLC,EAAM,EAAE,SAASF,EAAQ,iBAAiB,CAAC;EAC3CG,EAAK;EACLC,EAAsB;CACxB;AACF"}
+{"version":3,"file":"PopoverContent.utils.js","names":["toPopoverPlacement","toPlacement","side","align","getPopoverTransformOrigin","getTransformOrigin","createPopoverMiddleware","createFloatingMiddleware","options"],"sources":["../../../../src/components/popover/PopoverContent/PopoverContent.utils.ts"],"sourcesContent":["import {\n  createFloatingMiddleware,\n  getTransformOrigin,\n  toPlacement,\n  type Middleware,\n} from \"~/lib\";\nimport type { PopoverSide } from \"./PopoverContent.types\";\n\n// 定位相关的纯函数已抽到 ~/lib/positioner/utils/floating,这里保留原导出名。\n\n/** side + align 转成核心库的 Placement(逻辑方向按 LTR 映射) */\nexport function toPopoverPlacement(\n  side: PopoverSide,\n  align: \"start\" | \"end\" | \"center\",\n) {\n  return toPlacement(side, align);\n}\n\n/** 根据最终 placement 计算缩放动画的 transform-origin */\nexport const getPopoverTransformOrigin = getTransformOrigin;\n\nexport interface BuildPopoverMiddlewareOptions {\n  sideOffset: number;\n  alignOffset: number;\n  collisionPadding: number;\n}\n\n/** Popover 定位管线:offset → flip → shift → hide → containingBlockOffset */\nexport function createPopoverMiddleware(\n  options: BuildPopoverMiddlewareOptions,\n): Middleware[] {\n  return createFloatingMiddleware(options);\n}\n"],"mappings":";;AAWA,SAAgBA,EACd,GACA,GACA;CACA,OAAOC,EAAYC,GAAMC,CAAK;AAChC;AAGA,IAAaC,IAA4BC;AASzC,SAAgBC,EACd,GACc;CACd,OAAOC,EAAyBC,CAAO;AACzC"}

package/dist/components/progress/Progress/Progress.context.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "solid-js";
 //#region src/components/progress/Progress/Progress.context.ts
 var n = e(), r = () => {
 	let e = t(n);
-	if (!e) throw Error("useProgressContext must be used within a ProgressProvider");
+	if (!e) throw Error("useProgressContext 必须用在 <Progress> 内部");
 	return e;
 };
 //#endregion

package/dist/components/progress/Progress/Progress.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.context.js","names":["ProgressContext","createContext","useProgressContext","context","useContext"],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MACR,2DACF;CAEF,OAAOA;AACT"}
+{"version":3,"file":"Progress.context.js","names":["ProgressContext","createContext","useProgressContext","context","useContext"],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\"useProgressContext 必须用在 <Progress> 内部\");\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MAAM,uCAAuC;CAEzD,OAAOA;AACT"}

package/dist/components/progress/Progress/Progress.js

@@ -27,6 +27,9 @@ var f = /*#__PURE__*/ u("<div data-slot=progress aria-valuemax=100 aria-valuemin
 			},
 			get class() {
 				return e(t, p.class);
+			},
+			get classList() {
+				return p.classList;
 			}
 		}, m), !1, !0), o(u, a(i.Provider, {
 			value: { value: h },

package/dist/components/progress/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","_$insert","_$createComponent","Provider","children","_$mergeProps","_$memo","_$createComponent","_tmpl$","Progress","local","others","splitProps","props","value","_el$","_el$2","spread","mergeProps","memo","\"class\"","clsx","classes","insert","createComponent","ProgressContext","ProgressTrack","ProgressIndicator"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;kPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,UAAcF,EAAME;CAE1B,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmB0B,OAnB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;IAAA,OAKmBR,EAAME;GAAK;GAAA,IAAA,mBAAA;IAAA,OACV,GAAGF,EAAME,MAAK;GAAG;GAAA,IAAA,qBAAA;IAAA,OAEfU,QAAAZ,EAAME,QAAQ,CAAC,CAAA,CAAA,KAAIF,EAAME,QAAQ;GAAG;GAAA,IAAA+B,QAAA;IAAA,OAC/CxC,EAAKC,GAASM,EAAMa,KAAK;GAAC;EAAA,GAC7BZ,CAAM,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAAY,EAETlB,EAAgBmB,UAAQ;GACvBd,OAAO,EACLA,SACF;GAAC,IAAAe,WAAA;IAAA,OAAA,CAAAL,QAEAZ,EAAMiB,QAAQ,GAAAF,EACdpB,GAAa,EAAA,IAAAsB,WAAA;KAAA,OAAAF,EACXnB,GAAiB,CAAA,CAAA;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAAS,CAAA,GAAAF;CAAA,EAAA,CAAA;AAW5B"}
+{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","classList","_$insert","_$createComponent","Provider","children","_$mergeProps","_$memo","_$createComponent","_tmpl$","Progress","local","others","splitProps","props","value","_el$","_el$2","spread","mergeProps","memo","\"class\"","clsx","classes","insert","createComponent","ProgressContext","ProgressTrack","ProgressIndicator"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;kPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,UAAcF,EAAME;CAE1B,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAoB0B,OApB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;IAAA,OAKmBR,EAAME;GAAK;GAAA,IAAA,mBAAA;IAAA,OACV,GAAGF,EAAME,MAAK;GAAG;GAAA,IAAA,qBAAA;IAAA,OAEfU,QAAAZ,EAAME,QAAQ,CAAC,CAAA,CAAA,KAAIF,EAAME,QAAQ;GAAG;GAAA,IAAAgC,QAAA;IAAA,OAC/CzC,EAAKC,GAASM,EAAMa,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEd,EAAMc;GAAS;EAAA,GACtBb,CAAM,GAAA,IAAA,EAAA,GAAAc,EAAAZ,GAAAa,EAETnB,EAAgBoB,UAAQ;GACvBf,OAAO,EACLA,SACF;GAAC,IAAAgB,WAAA;IAAA,OAAA,CAAAN,QAEAZ,EAAMkB,QAAQ,GAAAF,EACdrB,GAAa,EAAA,IAAAuB,WAAA;KAAA,OAAAF,EACXpB,GAAiB,CAAA,CAAA;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAAS,CAAA,GAAAF;CAAA,EAAA,CAAA;AAW5B"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js

@@ -12,6 +12,9 @@ var c = /*#__PURE__*/ o("<div data-slot=progress-indicator>"), l = (o) => {
 			get class() {
 				return e(t, "inset-s-0 h-[inherit]", u.class);
 			},
+			get classList() {
+				return u.classList;
+			},
 			get "data-progressing"() {
 				return r(() => l() > 0)() && l() < 100;
 			},

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","data-progressing","_$memo","style","width","_$mergeProps","_$memo","_tmpl$","ProgressIndicator","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","memo","value"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAAkB,QAAA;IAAA,OAGW7B,EAAKC,GAAS,yBAAyBK,EAAMM,KAAK;GAAC;GAAA,IAAA,qBAAA;IAAA,OACxCE,QAAAT,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAC9CU,QAAK;IAAA,OAAE,EAAEC,OAAO,GAAGX,EAAM,EAAC,GAAI;GAAC;EAAA,GAC3BE,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","data-progressing","_$memo","style","width","_$mergeProps","_$memo","_tmpl$","ProgressIndicator","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","memo","value"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      classList={local.classList}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAGW9B,EAAKC,GAAS,yBAAyBK,EAAMM,KAAK;GAAC;GAAA,IAC1DC,YAAS;IAAA,OAAEP,EAAMO;GAAS;GAAA,IAAA,qBAAA;IAAA,OACRE,QAAAV,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAC9CW,QAAK;IAAA,OAAE,EAAEC,OAAO,GAAGZ,EAAM,EAAC,GAAI;GAAC;EAAA,GAC3BE,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressLabel/ProgressLabel.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<span data-slot=progress-label>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/progress/ProgressLabel/ProgressLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","ProgressLabel","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","ProgressLabel","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressTrack/ProgressTrack.js

@@ -14,6 +14,9 @@ var c = /*#__PURE__*/ o("<div data-slot=progress-track>"), l = (o) => {
 			},
 			get class() {
 				return e(t, u.class);
+			},
+			get classList() {
+				return u.classList;
 			}
 		}, d), !1, !1), n;
 	})();

package/dist/components/progress/ProgressTrack/ProgressTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressTrack.js","names":["splitProps","ProgressTrackProps","clsx","classes","useProgressContext","ProgressTrack","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-progressing","_$memo","class","_$mergeProps","_$memo","_tmpl$","ProgressTrack","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","memo","value","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressTrackProps } from \"./ProgressTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressTrack.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      data-progressing={value() > 0 && value() < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;2DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBE,QAAAR,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAAAwB,QAAA;IAAA,OACvC7B,EAAKC,GAASK,EAAMQ,KAAK;GAAC;EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ProgressTrack.js","names":["splitProps","ProgressTrackProps","clsx","classes","useProgressContext","ProgressTrack","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-progressing","_$memo","class","classList","_$mergeProps","_$memo","_tmpl$","ProgressTrack","useProgressContext","local","others","splitProps","props","_el$","spread","mergeProps","memo","value","\"class\"","clsx","classes"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressTrackProps } from \"./ProgressTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressTrack.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      data-progressing={value() > 0 && value() < 100}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;2DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBE,QAAAR,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAAAyB,QAAA;IAAA,OACvC9B,EAAKC,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressValue/ProgressValue.js

@@ -8,9 +8,14 @@ var c = /*#__PURE__*/ o("<span data-slot=progress-value>%"), l = (o) => {
 	let { value: l } = t(), [u, d] = s(o, ["class", "classList"]);
 	return (() => {
 		var t = c(), o = t.firstChild;
-		return a(t, i({ get class() {
-			return e(n, u.class);
-		} }, d), !1, !0), r(t, l, o), t;
+		return a(t, i({
+			get class() {
+				return e(n, u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}, d), !1, !0), r(t, l, o), t;
 	})();
 };
 //#endregion

package/dist/components/progress/ProgressValue/ProgressValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressValue.js","names":["splitProps","ProgressValueProps","clsx","classes","useProgressContext","ProgressValue","props","value","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$mergeProps","_tmpl$","ProgressValue","useProgressContext","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","classes","insert","value"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressValueProps } from \"./ProgressValue.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressValue.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressValue = (props: ProgressValueProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-value\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      {value()}%\n    </span>\n  );\n};\n"],"mappings":";;;;;;6DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAMU,OANVC,EAAAJ,GAAAK,EAAA,EAAA,IAAAe,QAAA;GAAA,OAGW5B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAETH,GAAKK,CAAA,GAAAF;CAAA,EAAA,CAAA;AAGZ"}
+{"version":3,"file":"ProgressValue.js","names":["splitProps","ProgressValueProps","clsx","classes","useProgressContext","ProgressValue","props","value","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","classList","_$insert","_$mergeProps","_tmpl$","ProgressValue","useProgressContext","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","classes","insert","value"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressValueProps } from \"./ProgressValue.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressValue.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressValue = (props: ProgressValueProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-value\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      {value()}%\n    </span>\n  );\n};\n"],"mappings":";;;;;;6DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAOU,OAPVC,EAAAJ,GAAAK,EAAA;GAAA,IAAAgB,QAAA;IAAA,OAGW7B,EAAKC,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAETH,GAAKK,CAAA,GAAAF;CAAA,EAAA,CAAA;AAGZ"}

package/dist/components/questionnaire/Questionnaire/Questionnaire.d.ts

@@ -0,0 +1,3 @@
+import { QuestionnaireProps } from '../questionnaire.types';
+/** Questionnaire 根:渲染 form,持有进度、激活项、校验与导航状态 */
+export declare function Questionnaire(props: QuestionnaireProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/Questionnaire/Questionnaire.js

@@ -0,0 +1,68 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { QuestionnaireRootContext as t } from "../questionnaire.context.js";
+import { useQuestionnaireRoot as n } from "../useQuestionnaireRoot.js";
+import { createComponent as r, insert as i, mergeProps as a, spread as o, template as s, use as c } from "solid-js/web";
+import { createSignal as l, mergeProps as u, onCleanup as d, splitProps as f } from "solid-js";
+//#region src/components/questionnaire/Questionnaire/Questionnaire.tsx
+var p = /*#__PURE__*/ s("<form>");
+function m(s) {
+	let m = u({ noValidate: !0 }, s), [h, g] = f(m, [
+		"class",
+		"classList",
+		"children",
+		"defaultItem",
+		"item",
+		"items",
+		"onItemChange",
+		"shortcuts",
+		"noValidate",
+		"onReset",
+		"onSubmit"
+	]), [_, v] = l(), { context: y, formProps: b } = n({
+		item: () => h.item,
+		defaultItem: () => h.defaultItem,
+		items: () => h.items,
+		shortcuts: () => h.shortcuts,
+		noValidate: () => h.noValidate,
+		onItemChange: (e) => h.onItemChange?.(e),
+		onReset: (e) => h.onReset?.(e),
+		onSubmit: (e) => h.onSubmit?.(e),
+		formRef: _
+	});
+	return r(t.Provider, {
+		value: y,
+		get children() {
+			var t = p();
+			return c((e) => {
+				v(e), d(() => v(void 0));
+			}, t), o(t, a(g, {
+				get noValidate() {
+					return h.noValidate;
+				},
+				"data-slot": "questionnaire",
+				get "data-shortcuts"() {
+					return b["data-shortcuts"];
+				},
+				get onKeyDown() {
+					return b.onKeyDown;
+				},
+				get onSubmit() {
+					return b.onSubmit;
+				},
+				get onReset() {
+					return b.onReset;
+				},
+				get class() {
+					return e("flex w-full min-w-0 flex-col gap-4", h.class);
+				},
+				get classList() {
+					return h.classList;
+				}
+			}), !1, !0), i(t, () => h.children), t;
+		}
+	});
+}
+//#endregion
+export { m as Questionnaire };
+
+//# sourceMappingURL=Questionnaire.js.map

package/dist/components/questionnaire/Questionnaire/Questionnaire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Questionnaire.js","names":["createSignal","mergeProps","onCleanup","splitProps","clsx","QuestionnaireRootContext","useQuestionnaireRoot","QuestionnaireProps","Questionnaire","props","merged","noValidate","local","rest","form","setForm","HTMLFormElement","context","formProps","item","defaultItem","items","shortcuts","onItemChange","onReset","event","onSubmit","formRef","_$createComponent","Provider","value","children","_el$","_tmpl$","_$use","el","undefined","_$spread","_$mergeProps","data-shortcuts","onKeyDown","class","classList","_$insert","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","Questionnaire","merged","props","local","rest","splitProps","form","setForm","createSignal","useQuestionnaireRoot","item","event","createComponent","QuestionnaireRootContext","context","_el$","use","el","onCleanup","spread","mergeProps","formProps","\"class\"","clsx","insert"],"sources":["../../../../src/components/questionnaire/Questionnaire/Questionnaire.tsx"],"sourcesContent":["import { createSignal, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { QuestionnaireRootContext } from \"../questionnaire.context\";\nimport { useQuestionnaireRoot } from \"../useQuestionnaireRoot\";\nimport type { QuestionnaireProps } from \"../questionnaire.types\";\n\n/** Questionnaire 根:渲染 form,持有进度、激活项、校验与导航状态 */\nexport function Questionnaire(props: QuestionnaireProps) {\n  const merged = mergeProps({ noValidate: true }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"defaultItem\",\n    \"item\",\n    \"items\",\n    \"onItemChange\",\n    \"shortcuts\",\n    \"noValidate\",\n    \"onReset\",\n    \"onSubmit\",\n  ]);\n\n  const [form, setForm] = createSignal<HTMLFormElement>();\n  const { context, formProps } = useQuestionnaireRoot({\n    item: () => local.item,\n    defaultItem: () => local.defaultItem,\n    items: () => local.items,\n    shortcuts: () => local.shortcuts,\n    noValidate: () => local.noValidate,\n    onItemChange: (item) => local.onItemChange?.(item),\n    onReset: (event) => local.onReset?.(event),\n    onSubmit: (event) => local.onSubmit?.(event),\n    formRef: form,\n  });\n\n  return (\n    <QuestionnaireRootContext.Provider value={context}>\n      <form\n        {...rest}\n        ref={(el) => {\n          setForm(el);\n          onCleanup(() => setForm(undefined));\n        }}\n        noValidate={local.noValidate}\n        data-slot=\"questionnaire\"\n        data-shortcuts={formProps[\"data-shortcuts\"]}\n        onKeyDown={formProps.onKeyDown}\n        onSubmit={formProps.onSubmit}\n        onReset={formProps.onReset}\n        class={clsx(\"flex w-full min-w-0 flex-col gap-4\", local.class)}\n        classList={local.classList}\n      >\n        {local.children}\n      </form>\n    </QuestionnaireRootContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgBQ,EAAcC,GAA2B;CACvD,IAAMC,IAAST,EAAW,EAAEU,YAAY,GAAK,GAAGF,CAAK,GAC/C,CAACG,GAAOC,KAAQV,EAAWO,GAAQ;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACI,GAAMC,KAAWf,EAA8B,GAChD,EAAEiB,YAASC,iBAAcZ,EAAqB;EAClDa,YAAYP,EAAMO;EAClBC,mBAAmBR,EAAMQ;EACzBC,aAAaT,EAAMS;EACnBC,iBAAiBV,EAAMU;EACvBX,kBAAkBC,EAAMD;EACxBY,eAAeJ,MAASP,EAAMW,eAAeJ,CAAI;EACjDK,UAAUC,MAAUb,EAAMY,UAAUC,CAAK;EACzCC,WAAWD,MAAUb,EAAMc,WAAWD,CAAK;EAC3CE,SAASb;CACX,CAAC;CAED,OAAAc,EACGvB,EAAyBwB,UAAQ;EAACC,OAAOb;EAAO,IAAAc,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAgB9B,OAhB8BC,GAGvCC,MAAO;IAEXjC,AADAa,EAAQoB,CAAE,GACVjC,QAAgBa,EAAQqB,KAAAA,CAAS,CAAC;GACpC,GAACJ,CAAA,GAAAK,EAAAL,GAAAM,EAJGzB,GAAI;IAAA,IAKRF,aAAU;KAAA,OAAEC,EAAMD;IAAU;IAAA,aAClB;IAAe,IAAA,mBAAA;KAAA,OACTO,EAAU;IAAiB;IAAA,IAC3CsB,YAAS;KAAA,OAAEtB,EAAUsB;IAAS;IAAA,IAC9Bd,WAAQ;KAAA,OAAER,EAAUQ;IAAQ;IAAA,IAC5BF,UAAO;KAAA,OAAEN,EAAUM;IAAO;IAAA,IAAA+C,QAAA;KAAA,OACnBnE,EAAK,sCAAsCQ,EAAM6B,KAAK;IAAC;IAAA,IAC9DC,YAAS;KAAA,OAAE9B,EAAM8B;IAAS;GAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,SAEzBpB,EAAMmB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/questionnaire/Questionnaire/index.d.ts

@@ -0,0 +1 @@
+export { Questionnaire } from './Questionnaire';

package/dist/components/questionnaire/QuestionnaireActions/QuestionnaireActions.d.ts

@@ -0,0 +1,3 @@
+import { QuestionnaireChoicesProps } from '../questionnaire.types';
+/** 底部操作区:Previous 左对齐,Skip/Next/Submit 右对齐 */
+export declare function QuestionnaireActions(props: QuestionnaireChoicesProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireActions/QuestionnaireActions.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/questionnaire/QuestionnaireActions/QuestionnaireActions.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "questionnaire-actions",
+			get class() {
+				return e("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as QuestionnaireActions };
+
+//# sourceMappingURL=QuestionnaireActions.js.map

package/dist/components/questionnaire/QuestionnaireActions/QuestionnaireActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireActions.js","names":["splitProps","clsx","QuestionnaireChoicesProps","QuestionnaireActions","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","QuestionnaireActions","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/questionnaire/QuestionnaireActions/QuestionnaireActions.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { QuestionnaireChoicesProps } from \"../questionnaire.types\";\n\n/** 底部操作区:Previous 左对齐,Skip/Next/Submit 右对齐 */\nexport function QuestionnaireActions(props: QuestionnaireChoicesProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"questionnaire-actions\"\n      class={clsx(\n        \"grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8\",\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAqBC,GAAkC;CACrE,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQ8B,OAR9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAuB,IAAAiB,QAAA;IAAA,OAC1BtB,EACL,0FACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/questionnaire/QuestionnaireActions/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnaireActions } from './QuestionnaireActions';

package/dist/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.d.ts

@@ -0,0 +1,3 @@
+import { QuestionnaireChoiceProps } from '../questionnaire.types';
+/** 固定选项:原生 radio/checkbox(视觉隐藏) + 自绘指示器 + 文字 + 快捷键徽标 */
+export declare function QuestionnaireChoice(props: QuestionnaireChoiceProps): import('solid-js').JSX.Element;

package/dist/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.js

@@ -0,0 +1,99 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useQuestionnaireItemContext as t } from "../questionnaire.context.js";
+import { useQuestionnaireChoice as n } from "./useQuestionnaireChoice.js";
+import { addEventListener as r, className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d, use as f } from "solid-js/web";
+import { Show as p, splitProps as m } from "solid-js";
+import { Check as h } from "lucide-solid";
+//#region src/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.tsx
+var g = /*#__PURE__*/ d("<label><input data-slot=questionnaire-choice-input class=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"><span aria-hidden=true data-slot=questionnaire-choice-indicator></span><span data-slot=questionnaire-choice-content class=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\">"), _ = /*#__PURE__*/ d("<span data-slot=questionnaire-choice-indicator-dot class=\"size-2 rounded-full bg-primary-foreground\">"), v = /*#__PURE__*/ d("<span aria-hidden=true data-slot=questionnaire-shortcut class=\"pointer-events-none ms-auto inline-flex size-5 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground\">"), y = "group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-sm text-start transition-colors outline-none select-none hover:bg-muted/50 data-[checked]:border-primary/40 data-[checked]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[invalid]:border-destructive has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 dark:bg-input/20 dark:data-[checked]:bg-muted";
+function b(d) {
+	let b = t("QuestionnaireChoice"), [x, S] = m(d, [
+		"value",
+		"checked",
+		"defaultChecked",
+		"disabled",
+		"onChange",
+		"class",
+		"classList",
+		"children"
+	]), C = n({
+		value: x.value,
+		checked: () => x.checked,
+		defaultChecked: () => x.defaultChecked ?? !1,
+		disabled: () => !!x.disabled,
+		onChange: (e) => x.onChange?.(e)
+	}), w = () => C.checkedResolved();
+	return (() => {
+		var t = g(), n = t.firstChild, d = n.nextSibling, m = d.nextSibling;
+		u(t, c(S, {
+			"data-slot": "questionnaire-choice",
+			get "data-checked"() {
+				return w() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return w() ? void 0 : "";
+			},
+			get "data-disabled"() {
+				return C.isDisabled() ? "" : void 0;
+			},
+			get "data-invalid"() {
+				return b.invalid() ? "" : void 0;
+			},
+			get "data-type"() {
+				return C.type();
+			},
+			get "data-shortcut"() {
+				return C.shortcut() ?? void 0;
+			},
+			get class() {
+				return e(y, x.class);
+			},
+			get classList() {
+				return x.classList;
+			}
+		}), !1, !0), r(n, "change", C.handleChange);
+		var T = C.setInput;
+		return typeof T == "function" ? f(T, n) : C.setInput = n, s(d, a(p, {
+			get when() {
+				return w();
+			},
+			get children() {
+				return a(p, {
+					get when() {
+						return C.type() === "checkbox";
+					},
+					get fallback() {
+						return _();
+					},
+					get children() {
+						return a(h, { class: "size-3.5" });
+					}
+				});
+			}
+		})), s(m, () => x.children), s(t, a(p, {
+			get when() {
+				return C.shortcut();
+			},
+			children: (e) => (() => {
+				var t = v();
+				return s(t, e), t;
+			})()
+		}), null), o((t) => {
+			var r = C.id, a = C.type(), o = C.name(), s = C.isDisabled(), c = C.required(), u = b.invalid() || void 0, f = C.ariaKeyShortcuts(), p = e("pointer-events-none relative flex size-4 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center border group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5", C.type() === "radio" ? "rounded-full" : "rounded-[4px]", w() ? "border-primary bg-primary text-primary-foreground" : "border-input dark:bg-input/30");
+			return r !== t.e && l(n, "id", t.e = r), a !== t.t && l(n, "type", t.t = a), o !== t.a && l(n, "name", t.a = o), s !== t.o && (n.disabled = t.o = s), c !== t.i && (n.required = t.i = c), u !== t.n && l(n, "aria-invalid", t.n = u), f !== t.s && l(n, "aria-keyshortcuts", t.s = f), p !== t.h && i(d, t.h = p), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0
+		}), o(() => n.value = x.value), o(() => n.checked = w()), t;
+	})();
+}
+//#endregion
+export { b as QuestionnaireChoice };
+
+//# sourceMappingURL=QuestionnaireChoice.js.map

package/dist/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireChoice.js","names":["Show","splitProps","Check","clsx","useQuestionnaireItemContext","useQuestionnaireChoice","QuestionnaireChoiceProps","labelClasses","shortcutClasses","QuestionnaireChoice","props","item","local","rest","choice","value","checked","defaultChecked","disabled","onChange","event","checkedResolved","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$spread","_$mergeProps","data-checked","undefined","data-unchecked","data-disabled","isDisabled","data-invalid","invalid","data-type","type","data-shortcut","shortcut","class","classList","_$addEventListener","handleChange","_ref$","setInput","_$use","_$insert","_$createComponent","when","children","fallback","_tmpl$2","_el$6","_tmpl$3","_$effect","_p$","_v$","id","_v$2","_v$3","name","_v$4","_v$5","required","_v$6","_v$7","ariaKeyShortcuts","_v$8","e","_$setAttribute","t","a","o","i","n","s","h","_$className","_$mergeProps","_$use","_$createComponent","_$setAttribute","_$className","_tmpl$","_tmpl$2","_tmpl$3","labelClasses","QuestionnaireChoice","item","useQuestionnaireItemContext","local","rest","splitProps","props","choice","useQuestionnaireChoice","event","checked","_el$","_el$2","_el$3","_el$4","spread","mergeProps","\"class\"","clsx","addEventListener","_ref$","use","insert","createComponent","Show","Check","_el$6","shortcut","effect","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_p$","setAttribute","className"],"sources":["../../../../src/components/questionnaire/QuestionnaireChoice/QuestionnaireChoice.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useQuestionnaireItemContext } from \"../questionnaire.context\";\nimport { useQuestionnaireChoice } from \"./useQuestionnaireChoice\";\nimport type { QuestionnaireChoiceProps } from \"../questionnaire.types\";\n\n// 类名来自 shadcn base/nova 的 cn-questionnaire-choice 等 token(见 style-nova.css)\nconst labelClasses =\n  \"group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-sm text-start transition-colors outline-none select-none hover:bg-muted/50 data-[checked]:border-primary/40 data-[checked]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[invalid]:border-destructive has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50 dark:bg-input/20 dark:data-[checked]:bg-muted\";\n\nconst shortcutClasses =\n  \"pointer-events-none ms-auto inline-flex size-5 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center rounded-md border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground\";\n\n/** 固定选项:原生 radio/checkbox(视觉隐藏) + 自绘指示器 + 文字 + 快捷键徽标 */\nexport function QuestionnaireChoice(props: QuestionnaireChoiceProps) {\n  const item = useQuestionnaireItemContext(\"QuestionnaireChoice\");\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"checked\",\n    \"defaultChecked\",\n    \"disabled\",\n    \"onChange\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const choice = useQuestionnaireChoice({\n    value: local.value,\n    checked: () => local.checked,\n    defaultChecked: () => local.defaultChecked ?? false,\n    disabled: () => !!local.disabled,\n    onChange: (event) => local.onChange?.(event),\n  });\n\n  const checked = () => choice.checkedResolved();\n\n  return (\n    <label\n      {...rest}\n      data-slot=\"questionnaire-choice\"\n      data-checked={checked() ? \"\" : undefined}\n      data-unchecked={checked() ? undefined : \"\"}\n      data-disabled={choice.isDisabled() ? \"\" : undefined}\n      data-invalid={item.invalid() ? \"\" : undefined}\n      data-type={choice.type()}\n      data-shortcut={choice.shortcut() ?? undefined}\n      class={clsx(labelClasses, local.class)}\n      classList={local.classList}\n    >\n      <input\n        ref={choice.setInput}\n        id={choice.id}\n        type={choice.type()}\n        name={choice.name()}\n        value={local.value}\n        checked={checked()}\n        disabled={choice.isDisabled()}\n        required={choice.required()}\n        aria-invalid={item.invalid() || undefined}\n        aria-keyshortcuts={choice.ariaKeyShortcuts()}\n        onChange={choice.handleChange}\n        data-slot=\"questionnaire-choice-input\"\n        class=\"absolute inset-0 z-10 size-full cursor-pointer opacity-0\"\n      />\n      <span\n        aria-hidden=\"true\"\n        data-slot=\"questionnaire-choice-indicator\"\n        class={clsx(\n          \"pointer-events-none relative flex size-4 shrink-0 translate-y-[calc(var(--spacing)*0.45)] items-center justify-center border group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5\",\n          choice.type() === \"radio\" ? \"rounded-full\" : \"rounded-[4px]\",\n          checked()\n            ? \"border-primary bg-primary text-primary-foreground\"\n            : \"border-input dark:bg-input/30\",\n        )}\n      >\n        <Show when={checked()}>\n          <Show\n            when={choice.type() === \"checkbox\"}\n            fallback={\n              <span\n                data-slot=\"questionnaire-choice-indicator-dot\"\n                class=\"size-2 rounded-full bg-primary-foreground\"\n              />\n            }\n          >\n            <Check class=\"size-3.5\" />\n          </Show>\n        </Show>\n      </span>\n      <span\n        data-slot=\"questionnaire-choice-content\"\n        class=\"flex min-w-0 flex-1 flex-col gap-0.5 leading-snug\"\n      >\n        {local.children}\n      </span>\n      <Show when={choice.shortcut()}>\n        {(shortcut) => (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"questionnaire-shortcut\"\n            class={shortcutClasses}\n          >\n            {shortcut()}\n          </span>\n        )}\n      </Show>\n    </label>\n  );\n}\n"],"mappings":";;;;;;;gxBAQMO,IACJ;AAMF,SAAgBE,EAAoBC,GAAiC;CACnE,IAAMC,IAAOP,EAA4B,qBAAqB,GACxD,CAACQ,GAAOC,KAAQZ,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKI,IAAST,EAAuB;EACpCU,OAAOH,EAAMG;EACbC,eAAeJ,EAAMI;EACrBC,sBAAsBL,EAAMK,kBAAkB;EAC9CC,gBAAgB,CAAC,CAACN,EAAMM;EACxBC,WAAWC,MAAUR,EAAMO,WAAWC,CAAK;CAC7C,CAAC,GAEKJ,UAAgBF,EAAOO,gBAAgB;CAE7C,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAC;EAW8BiB,AAX9Bf,EAAAP,GAAAQ,EAEQjB,GAAI;GAAA,aACE;GAAsB,IAAA,iBAAA;IAAA,OAClBG,EAAQ,IAAI,KAAKgB,KAAAA;GAAS;GAAA,IAAA,mBAAA;IAAA,OACxBhB,EAAQ,IAAIgB,KAAAA,IAAY;GAAE;GAAA,IAAA,kBAAA;IAAA,OAC3BlB,EAAOqB,WAAW,IAAI,KAAKH,KAAAA;GAAS;GAAA,IAAA,iBAAA;IAAA,OACrCrB,EAAK0B,QAAQ,IAAI,KAAKL,KAAAA;GAAS;GAAA,IAAA,cAAA;IAAA,OAClClB,EAAOyB,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OACTzB,EAAO2B,SAAS,KAAKT,KAAAA;GAAS;GAAA,IAAA2E,QAAA;IAAA,OACtCxG,EAAKI,GAAcK,EAAM8B,KAAK;GAAC;GAAA,IACtCC,YAAS;IAAA,OAAE/B,EAAM+B;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAApB,GAAA,UAadV,EAAO+B,YAAY;EAAA,IAAAC,IAVxBhC,EAAOiC;EAKM,OALE,OAAAD,KAAA,aAAAE,EAAAF,GAAAtB,CAAA,IAAfV,EAAOiC,WAAQvB,GAAAyB,EAAAvB,GAAAwB,EAyBnBlD,GAAI;GAAA,IAACmD,OAAI;IAAA,OAAEnC,EAAQ;GAAC;GAAA,IAAAoC,WAAA;IAAA,OAAAF,EAClBlD,GAAI;KAAA,IACHmD,OAAI;MAAA,OAAErC,EAAOyB,KAAK,MAAM;KAAU;KAAA,IAClCc,WAAQ;MAAA,OAAAC,EAAA;KAAA;KAAA,IAAAF,WAAA;MAAA,OAAAF,EAOPhD,GAAK,EAAAyG,OAAA,WAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAA1D,EAAArB,SAQThB,EAAMwC,QAAQ,GAAAH,EAAA3B,GAAA4B,EAEhBlD,GAAI;GAAA,IAACmD,OAAI;IAAA,OAAErC,EAAO2B,SAAS;GAAC;GAAAW,WACzBX,aAAQ;IAAA,IAAAc,IAAAC,EAAA;IAMG,OANHP,EAAAM,GAMLd,CAAQ,GAAAc;GAAA,EAAA,CAAA;EAEZ,CAAA,GAAA,IAAA,GAAAE,GAAAC,MAAA;GAAA,IAAAC,IArDG7C,EAAO8C,IAAEC,IACP/C,EAAOyB,KAAK,GAACuB,IACbhD,EAAOiD,KAAK,GAACC,IAGTlD,EAAOqB,WAAW,GAAC8B,IACnBnD,EAAOoD,SAAS,GAACC,IACbxD,EAAK0B,QAAQ,KAAKL,KAAAA,GAASoC,IACtBtD,EAAOuD,iBAAiB,GAACC,IAQrCnE,EACL,4NACAW,EAAOyB,KAAK,MAAM,UAAU,iBAAiB,iBAC7CvB,EAAQ,IACJ,sDACA,+BACN;GAAC,OAAA2C,MAAAD,EAAAa,KAAAC,EAAAhD,GAAA,MAAAkC,EAAAa,IAAAZ,CAAA,GAAAE,MAAAH,EAAAe,KAAAD,EAAAhD,GAAA,QAAAkC,EAAAe,IAAAZ,CAAA,GAAAC,MAAAJ,EAAAgB,KAAAF,EAAAhD,GAAA,QAAAkC,EAAAgB,IAAAZ,CAAA,GAAAE,MAAAN,EAAAiB,MAAAnD,EAAAN,WAAAwC,EAAAiB,IAAAX,IAAAC,MAAAP,EAAAkB,MAAApD,EAAA0C,WAAAR,EAAAkB,IAAAX,IAAAE,MAAAT,EAAAmB,KAAAL,EAAAhD,GAAA,gBAAAkC,EAAAmB,IAAAV,CAAA,GAAAC,MAAAV,EAAAoB,KAAAN,EAAAhD,GAAA,qBAAAkC,EAAAoB,IAAAV,CAAA,GAAAE,MAAAZ,EAAAqB,KAAAC,EAAAtD,GAAAgC,EAAAqB,IAAAT,CAAA,GAAAZ;EAAA,GAAA;GAAAa,GAAAvC,KAAAA;GAAAyC,GAAAzC,KAAAA;GAAA0C,GAAA1C,KAAAA;GAAA2C,GAAA3C,KAAAA;GAAA4C,GAAA5C,KAAAA;GAAA6C,GAAA7C,KAAAA;GAAA8C,GAAA9C,KAAAA;GAAA+C,GAAA/C,KAAAA;EAAA,CAAA,GAAAyB,QAAAjC,EAAAT,QAnBMH,EAAMG,KAAK,GAAA0C,QAAAjC,EAAAR,UACTA,EAAQ,CAAC,GAAAM;CAAA,EAAA,CAAA;AAqD1B"}

package/dist/components/questionnaire/QuestionnaireChoice/index.d.ts

@@ -0,0 +1 @@
+export { QuestionnaireChoice } from './QuestionnaireChoice';