@neut/ui 0.0.15 → 0.0.16

package/dist/components/popover/Popover/Popover.js

@@ -1,37 +1,40 @@
-import { PopoverContext as e } from "./Popover.context.js";
-import { createComponent as t } from "solid-js/web";
-import { createMemo as n, createSignal as r, createUniqueId as i } from "solid-js";
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { PopoverContext as t } from "./Popover.context.js";
+import { createComponent as n } from "solid-js/web";
+import { createMemo as r, createSignal as i, createUniqueId as a } from "solid-js";
 //#region src/components/popover/Popover/Popover.tsx
-function a(a) {
-	let [o, s] = r(a.defaultOpen ?? !1), c = n(() => a.open === void 0 ? o() : a.open), l = n(() => !!a.disabled), u = n(() => !!a.modal), [d, f] = r(), [p, m] = r(), h = (e) => {
-		a.open === void 0 && s(e), a.onOpenChange?.(e);
-	}, g = {
-		open: c,
-		disabled: l,
-		modal: u,
-		contentId: `popover-${i()}`,
-		reference: d,
-		setReference: f,
-		floating: p,
-		setFloating: m,
+function o(o) {
+	let [s, c] = i(o.defaultOpen ?? !1), l = r(() => o.open === void 0 ? s() : o.open), u = r(() => !!o.disabled), d = r(() => !!o.modal), f = r(() => o.lockScroll ?? !0);
+	e(() => l() && f(), { allowedSelector: "[data-slot=\"popover-content\"]" });
+	let [p, m] = i(), [h, g] = i(), _ = (e) => {
+		o.open === void 0 && c(e), o.onOpenChange?.(e);
+	}, v = {
+		open: l,
+		disabled: u,
+		modal: d,
+		contentId: `popover-${a()}`,
+		reference: p,
+		setReference: m,
+		floating: h,
+		setFloating: g,
 		openPopover: () => {
-			l() || h(!0);
+			u() || _(!0);
 		},
 		closePopover: () => {
-			h(!1);
+			_(!1);
 		},
 		togglePopover: () => {
-			l() || h(!c());
+			u() || _(!l());
 		}
 	};
-	return t(e.Provider, {
-		value: g,
+	return n(t.Provider, {
+		value: v,
 		get children() {
-			return a.children;
+			return o.children;
 		}
 	});
 }
 //#endregion
-export { a as Popover };
+export { o as Popover };
 
 //# sourceMappingURL=Popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["createMemo","createSignal","createUniqueId","JSX","PopoverContext","PopoverContextValue","PopoverProps","Popover","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","modal","reference","setReference","floating","setFloating","HTMLElement","commit","next","onOpenChange","openPopover","closePopover","togglePopover","contentId","ctx","_$createComponent","Provider","value","children"],"sources":["../../../../src/components/popover/Popover/Popover.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { PopoverContext } from \"./Popover.context\";\nimport type { PopoverContextValue, PopoverProps } from \"./Popover.types\";\n\n/**\n * Popover 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <PopoverTrigger>/<PopoverContent>。\n *\n * 这是 shadcn Base UI 版本 Popover 的 SolidJS 移植：Base UI 的 Root 同样不渲染\n * 自己的 HTML 元素，只作为状态容器使用。\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>打开</PopoverTrigger>\n *   <PopoverContent>内容</PopoverContent>\n * </Popover>\n * ```\n */\nexport function Popover(props: PopoverProps): 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 disabled = createMemo(() => !!props.disabled);\n  const modal = createMemo(() => !!props.modal);\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const openPopover = () => {\n    if (disabled()) return;\n    commit(true);\n  };\n\n  const closePopover = () => {\n    commit(false);\n  };\n\n  const togglePopover = () => {\n    if (disabled()) return;\n    commit(!open());\n  };\n\n  const contentId = `popover-${createUniqueId()}`;\n\n  const ctx: PopoverContextValue = {\n    open,\n    disabled,\n    modal,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    openPopover,\n    closePopover,\n    togglePopover,\n  };\n\n  return (\n    <PopoverContext.Provider value={ctx}>\n      {props.children}\n    </PopoverContext.Provider>\n  );\n}\n"],"mappings":";;;;AAmBA,SAAgBO,EAAQC,GAAkC;CACxD,IAAM,CAACE,GAAcC,KAAmBV,EACtCO,EAAMI,eAAe,EACvB,GACMC,IAAOb,QACXQ,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACME,IAAWf,QAAiB,CAAC,CAACQ,EAAMO,QAAQ,GAC5CC,IAAQhB,QAAiB,CAAC,CAACQ,EAAMQ,KAAK,GAEtC,CAACC,GAAWC,KAAgBjB,EAAsB,GAClD,CAACkB,GAAUC,KAAenB,EAA0B,GAEpDqB,KAAUC,MAAkB;EAEhCf,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgBY,CAAI,GAClDf,EAAMgB,eAAeD,CAAI;CAC3B,GAkBMM,IAA2B;EAC/BhB;EACAE;EACAC;EACAY,WAAAA,WAN2B1B,EAAe;EAO1Ce;EACAC;EACAC;EACAC;EACAK,mBAzBwB;GACpBV,EAAS,KACbO,EAAO,EAAI;EACb;EAuBEI,oBArByB;GACzBJ,EAAO,EAAK;EACd;EAoBEK,qBAlB0B;GACtBZ,EAAS,KACbO,EAAO,CAACT,EAAK,CAAC;EAChB;CAgBA;CAEA,OAAAiB,EACG1B,EAAe2B,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAChCzB,EAAMyB;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Popover.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","PopoverContext","PopoverContextValue","PopoverProps","Popover","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","modal","lockScroll","allowedSelector","reference","setReference","floating","setFloating","HTMLElement","commit","next","onOpenChange","openPopover","closePopover","togglePopover","contentId","ctx","_$createComponent","Provider","value","children","_$createComponent","Popover","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","modal","lockScroll","reference","setReference","floating","setFloating","commit","next","ctx","createUniqueId","createComponent","PopoverContext"],"sources":["../../../../src/components/popover/Popover/Popover.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { PopoverContext } from \"./Popover.context\";\nimport type { PopoverContextValue, PopoverProps } from \"./Popover.types\";\n\n/**\n * Popover 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <PopoverTrigger>/<PopoverContent>。\n *\n * 这是 shadcn Base UI 版本 Popover 的 SolidJS 移植：Base UI 的 Root 同样不渲染\n * 自己的 HTML 元素，只作为状态容器使用。\n *\n * @example\n * ```tsx\n * <Popover>\n *   <PopoverTrigger>打开</PopoverTrigger>\n *   <PopoverContent>内容</PopoverContent>\n * </Popover>\n * ```\n */\nexport function Popover(props: PopoverProps): 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 disabled = createMemo(() => !!props.disabled);\n  const modal = createMemo(() => !!props.modal);\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动:文档滚动被锁、浮层之外的滚轮/触摸被拦截,\n  // 但浮层自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"popover-content\"]',\n  });\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const openPopover = () => {\n    if (disabled()) return;\n    commit(true);\n  };\n\n  const closePopover = () => {\n    commit(false);\n  };\n\n  const togglePopover = () => {\n    if (disabled()) return;\n    commit(!open());\n  };\n\n  const contentId = `popover-${createUniqueId()}`;\n\n  const ctx: PopoverContextValue = {\n    open,\n    disabled,\n    modal,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    openPopover,\n    closePopover,\n    togglePopover,\n  };\n\n  return (\n    <PopoverContext.Provider value={ctx}>\n      {props.children}\n    </PopoverContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAoBA,SAAgBQ,EAAQC,GAAkC;CACxD,IAAM,CAACE,GAAcC,KAAmBX,EACtCQ,EAAMI,eAAe,EACvB,GACMC,IAAOd,QACXS,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACME,IAAWhB,QAAiB,CAAC,CAACS,EAAMO,QAAQ,GAC5CC,IAAQjB,QAAiB,CAAC,CAACS,EAAMQ,KAAK,GACtCC,IAAalB,QAAiBS,EAAMS,cAAc,EAAI;CAI5Dd,QAAoBU,EAAK,KAAKI,EAAW,GAAG,EAC1CC,iBAAiB,kCACnB,CAAC;CAED,IAAM,CAACC,GAAWC,KAAgBpB,EAAsB,GAClD,CAACqB,GAAUC,KAAetB,EAA0B,GAEpDwB,KAAUC,MAAkB;EAEhCjB,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgBc,CAAI,GAClDjB,EAAMkB,eAAeD,CAAI;CAC3B,GAkBMM,IAA2B;EAC/BlB;EACAE;EACAC;EACAc,WAAAA,WAN2B7B,EAAe;EAO1CkB;EACAC;EACAC;EACAC;EACAK,mBAzBwB;GACxB,AAAIZ,EAAS,KACbS,EAAO,EAAI;EACb;EAuBEI,oBArByB;GACzBJ,EAAO,EAAK;EACd;EAoBEK,qBAlB0B;GAC1B,AAAId,EAAS,KACbS,EAAO,CAACX,EAAK,CAAC;EAChB;CAgBA;CAEA,OAAAmB,EACG5B,EAAe6B,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAChC3B,EAAM2B;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/popover/Popover/Popover.types.d.ts

@@ -8,6 +8,11 @@ export interface PopoverProps extends ParentProps {
     disabled?: boolean;
     /** 是否启用 modal 模式（当前仅透传，不实现焦点陷阱） */
     modal?: boolean;
+    /**
+     * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
+     * 滚轮/触摸滚动，避免浮层锚点随页面滚动而"飘移"；浮层内容自身仍可滚动。
+     */
+    lockScroll?: boolean;
 }
 export interface PopoverContextValue {
     open: Accessor<boolean>;

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

@@ -3,4 +3,4 @@ import { PopoverContentProps } from './PopoverContent.types';
  * Popover 的浮层内容。挂 Portal 到 body，用 position:fixed 定位。
  * 当前实现打开时挂载、关闭时直接卸载；进场动画由 data-open + RAF 驱动。
  */
-export declare function PopoverContent(props: PopoverContentProps): import("solid-js").JSX.Element;
+export declare function PopoverContent(props: PopoverContentProps): import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;MAAA,OACMxB,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","_$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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.utils.js","names":[],"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,SAAgB,EACd,GACA,GACW;CACX,IAAM,IACJ,MAAS,iBAAiB,SAAS,MAAS,eAAe,UAAU;CACvE,OAAO,MAAU,WAAW,IAAY,GAAG,EAAS,GAAG;AACzD;AAGA,SAAgB,EAA0B,GAA8B;CACtE,IAAM,IAAO,EAAQ,CAAS,GACxB,IAAQ,EAAa,CAAS,GAC9B,IACJ,MAAU,UAAU,OAAO,MAAU,QAAQ,SAAS;CAExD,QAAQ,GAAR;EACE,KAAK,OACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,UACH,OAAO,GAAG,EAAgB;EAC5B,KAAK,QACH,OAAO,QAAQ;EACjB,KAAK,SACH,OAAO,MAAM;CACjB;AACF;AAYA,SAAgB,EACd,GACc;CACd,OAAO;EACL,EAAO;GAAE,UAAU,EAAQ;GAAY,WAAW,EAAQ;EAAY,CAAC;EACvE,EAAK;EACL,EAAM,EAAE,SAAS,EAAQ,iBAAiB,CAAC;EAC3C,EAAK;EACL,EAAsB;CACxB;AACF"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"usePopoverContent.js","names":[],"sources":["../../../../src/components/popover/PopoverContent/usePopoverContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { usePopoverContext } from \"../Popover/Popover.context\";\nimport {\n  createPopoverMiddleware,\n  toPopoverPlacement,\n} from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\nexport interface UsePopoverContentResult {\n  ctx: ReturnType<typeof usePopoverContext>;\n  pos: Positioner;\n  isVisible: () => boolean;\n  /** 驱动 data-open/data-closed 的动画状态；打开时比 isVisible 晚一帧。 */\n  animationState: () => \"open\" | \"closed\";\n}\n\nexport function usePopoverContent(\n  props: () => PopoverContentProps,\n): UsePopoverContentResult {\n  const ctx = usePopoverContext(\"PopoverContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () =>\n      toPopoverPlacement(props().side ?? \"bottom\", props().align ?? \"center\"),\n    strategy: \"fixed\",\n    middleware: () =>\n      createPopoverMiddleware({\n        sideOffset: props().sideOffset ?? 4,\n        alignOffset: props().alignOffset ?? 0,\n        collisionPadding: props().collisionPadding ?? 8,\n      }),\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // 打开时延迟一帧再触发动画 class，给定位计算留出时间。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // 打开期间绑定 document 级监听：点击外部关闭 + Escape 关闭。\n  createEffect(() => {\n    if (!ctx.open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      const targetElement =\n        target instanceof Element ? target : target?.parentElement;\n      const insideNestedFloating = !!targetElement?.closest(\n        '[data-slot=\"select-content\"]',\n      );\n      if (\n        !insideNestedFloating &&\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.closePopover();\n        e.stopPropagation();\n      }\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        ctx.closePopover();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      });\n      document.removeEventListener(\"keydown\", onKeyDown);\n    });\n  });\n\n  return { ctx, pos, isVisible, animationState };\n}\n"],"mappings":";;;;;AAiBA,SAAgB,EACd,GACyB;CACzB,IAAM,IAAM,EAAkB,gBAAgB,GAExC,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBACE,EAAmB,EAAM,CAAC,CAAC,QAAQ,UAAU,EAAM,CAAC,CAAC,SAAS,QAAQ;EACxE,UAAU;EACV,kBACE,EAAwB;GACtB,YAAY,EAAM,CAAC,CAAC,cAAc;GAClC,aAAa,EAAM,CAAC,CAAC,eAAe;GACpC,kBAAkB,EAAM,CAAC,CAAC,oBAAoB;EAChD,CAAC;CACL,CAAC,GAEK,IAAY,QACV,EAAI,KAAK,KAAK,CAAC,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAGM,CAAC,GAAgB,KAAqB,EAC1C,QACF;CAiDA,OA/CA,QAAmB;EACjB,IAAI,EAAU,GAAG;GACf,IAAM,IAAM,4BAA4B,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqB,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAGD,QAAmB;EACjB,IAAI,CAAC,EAAI,KAAK,GAAG;EAEjB,IAAM,KAAiB,MAAoB;GACzC,IAAM,IAAS,EAAE;GAMjB,AACE,EALA,aAAkB,UAAU,IAAS,GAAQ,cAAA,EACD,QAC5C,gCACF,KAGE,CAAC,EAAI,UAAU,CAAC,EAAE,SAAS,CAAM,KACjC,CAAC,EAAI,SAAS,CAAC,EAAE,SAAS,CAAM,MAEhC,EAAI,aAAa,GACjB,EAAE,gBAAgB;EAEtB,GAEM,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,aACZ,EAAE,eAAe,GACjB,EAAI,aAAa;EAErB;EAIA,AAFA,SAAS,iBAAiB,eAAe,GAAe,EAAE,SAAS,GAAK,CAAC,GACzE,SAAS,iBAAiB,WAAW,CAAS,GAC9C,QAAgB;GAId,AAHA,SAAS,oBAAoB,eAAe,GAAe,EACzD,SAAS,GACX,CAAC,GACD,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC;CACH,CAAC,GAEM;EAAE;EAAK;EAAK;EAAW;CAAe;AAC/C"}
+{"version":3,"file":"usePopoverContent.js","names":["usePopoverContent","ctx","usePopoverContext","pos","createPositioner","toPopoverPlacement","props","createPopoverMiddleware","isVisible","createMemo","animationState","setAnimationState","createSignal","createEffect","raf","onPointerDown","target","onKeyDown","onCleanup"],"sources":["../../../../src/components/popover/PopoverContent/usePopoverContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { usePopoverContext } from \"../Popover/Popover.context\";\nimport {\n  createPopoverMiddleware,\n  toPopoverPlacement,\n} from \"./PopoverContent.utils\";\nimport type { PopoverContentProps } from \"./PopoverContent.types\";\n\nexport interface UsePopoverContentResult {\n  ctx: ReturnType<typeof usePopoverContext>;\n  pos: Positioner;\n  isVisible: () => boolean;\n  /** 驱动 data-open/data-closed 的动画状态；打开时比 isVisible 晚一帧。 */\n  animationState: () => \"open\" | \"closed\";\n}\n\nexport function usePopoverContent(\n  props: () => PopoverContentProps,\n): UsePopoverContentResult {\n  const ctx = usePopoverContext(\"PopoverContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () =>\n      toPopoverPlacement(props().side ?? \"bottom\", props().align ?? \"center\"),\n    strategy: \"fixed\",\n    middleware: () =>\n      createPopoverMiddleware({\n        sideOffset: props().sideOffset ?? 4,\n        alignOffset: props().alignOffset ?? 0,\n        collisionPadding: props().collisionPadding ?? 8,\n      }),\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // 打开时延迟一帧再触发动画 class，给定位计算留出时间。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // 打开期间绑定 document 级监听：点击外部关闭 + Escape 关闭。\n  createEffect(() => {\n    if (!ctx.open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      const targetElement =\n        target instanceof Element ? target : target?.parentElement;\n      const insideNestedFloating = !!targetElement?.closest(\n        '[data-slot=\"select-content\"]',\n      );\n      if (\n        !insideNestedFloating &&\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.closePopover();\n        e.stopPropagation();\n      }\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        ctx.closePopover();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      });\n      document.removeEventListener(\"keydown\", onKeyDown);\n    });\n  });\n\n  return { ctx, pos, isVisible, animationState };\n}\n"],"mappings":";;;;;AAiBA,SAAgBA,EACd,GACyB;CACzB,IAAMC,IAAMC,EAAkB,gBAAgB,GAExCC,IAAMC,EAAiBH,EAAI,WAAWA,EAAI,UAAU;EACxD,iBACEI,EAAmBC,EAAM,CAAC,CAAC,QAAQ,UAAUA,EAAM,CAAC,CAAC,SAAS,QAAQ;EACxE,UAAU;EACV,kBACEC,EAAwB;GACtB,YAAYD,EAAM,CAAC,CAAC,cAAc;GAClC,aAAaA,EAAM,CAAC,CAAC,eAAe;GACpC,kBAAkBA,EAAM,CAAC,CAAC,oBAAoB;EAChD,CAAC;CACL,CAAC,GAEKE,IAAYC,QACVR,EAAI,KAAK,KAAK,CAACE,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAGM,CAACO,GAAgBC,KAAqBC,EAC1C,QACF;CAiDA,OA/CAC,QAAmB;EACjB,IAAIL,EAAU,GAAG;GACf,IAAMM,IAAM,4BAA4BH,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqBG,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAGDD,QAAmB;EACjB,IAAI,CAACZ,EAAI,KAAK,GAAG;EAEjB,IAAMc,KAAiB,MAAoB;GACzC,IAAMC,IAAS,EAAE;GAMjB,AACE,EALAA,aAAkB,UAAUA,IAASA,GAAQ,cAAA,EACD,QAC5C,gCACF,KAGE,CAACf,EAAI,UAAU,CAAC,EAAE,SAASe,CAAM,KACjC,CAACf,EAAI,SAAS,CAAC,EAAE,SAASe,CAAM,MAEhCf,EAAI,aAAa,GACjB,EAAE,gBAAgB;EAEtB,GAEMgB,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,aACZ,EAAE,eAAe,GACjBhB,EAAI,aAAa;EAErB;EAIA,AAFA,SAAS,iBAAiB,eAAec,GAAe,EAAE,SAAS,GAAK,CAAC,GACzE,SAAS,iBAAiB,WAAWE,CAAS,GAC9CC,QAAgB;GAId,AAHA,SAAS,oBAAoB,eAAeH,GAAe,EACzD,SAAS,GACX,CAAC,GACD,SAAS,oBAAoB,WAAWE,CAAS;EACnD,CAAC;CACH,CAAC,GAEM;EAAE;EAAK;EAAK;EAAW;CAAe;AAC/C"}

package/dist/components/popover/PopoverDescription/PopoverDescription.d.ts

@@ -1,2 +1,2 @@
 import { ComponentProps } from 'solid-js';
-export declare function PopoverDescription(props: ComponentProps<"div">): import("solid-js").JSX.Element;
+export declare function PopoverDescription(props: ComponentProps<"div">): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverDescription.js","names":["splitProps","ComponentProps","clsx","PopoverDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/popover/PopoverDescription/PopoverDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverDescription(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-description\"\n      class={clsx(\"text-muted-foreground\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAmBC,GAA8B;CAC/D,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,yBAAyBG,EAAMM,KAAK;EAAC,EAAA,GAC7CL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"PopoverDescription.js","names":["splitProps","ComponentProps","clsx","PopoverDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","PopoverDescription","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/popover/PopoverDescription/PopoverDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverDescription(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-description\"\n      class={clsx(\"text-muted-foreground\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAmBC,GAA8B;CAC/D,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,yBAAyBG,EAAMM,KAAK;EAAC,EAAA,GAC7CL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/popover/PopoverHeader/PopoverHeader.d.ts

@@ -1,2 +1,2 @@
 import { ComponentProps } from 'solid-js';
-export declare function PopoverHeader(props: ComponentProps<"div">): import("solid-js").JSX.Element;
+export declare function PopoverHeader(props: ComponentProps<"div">): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverHeader.js","names":["splitProps","ComponentProps","clsx","PopoverHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/popover/PopoverHeader/PopoverHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverHeader(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-header\"\n      class={clsx(\"flex flex-col gap-0.5 text-sm\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,iCAAiCG,EAAMM,KAAK;EAAC,EAAA,GACrDL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"PopoverHeader.js","names":["splitProps","ComponentProps","clsx","PopoverHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","PopoverHeader","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/popover/PopoverHeader/PopoverHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverHeader(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-header\"\n      class={clsx(\"flex flex-col gap-0.5 text-sm\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,iCAAiCG,EAAMM,KAAK;EAAC,EAAA,GACrDL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/popover/PopoverTitle/PopoverTitle.d.ts

@@ -1,2 +1,2 @@
 import { ComponentProps } from 'solid-js';
-export declare function PopoverTitle(props: ComponentProps<"div">): import("solid-js").JSX.Element;
+export declare function PopoverTitle(props: ComponentProps<"div">): import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTitle.js","names":["splitProps","ComponentProps","clsx","PopoverTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/popover/PopoverTitle/PopoverTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverTitle(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-title\"\n      class={clsx(\"font-medium\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAaC,GAA8B;CACzD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EAAK,eAAeG,EAAMM,KAAK;EAAC,EAAA,GACnCL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}
+{"version":3,"file":"PopoverTitle.js","names":["splitProps","ComponentProps","clsx","PopoverTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","PopoverTitle","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/popover/PopoverTitle/PopoverTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ComponentProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function PopoverTitle(props: ComponentProps<\"div\">) {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  return (\n    <div\n      data-slot=\"popover-title\"\n      class={clsx(\"font-medium\", local.class)}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAaC,GAA8B;CACzD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,OAAO,CAAC;CACjD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EAAK,eAAeG,EAAMM,KAAK;EAAC,EAAA,GACnCL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

package/dist/components/popover/PopoverTrigger/PopoverTrigger.d.ts

@@ -1,4 +1,4 @@
 import { ValidComponent } from 'solid-js';
 import { Button } from '../../button';
 import { PopoverTriggerProps } from './PopoverTrigger.types';
-export declare const PopoverTrigger: <T extends ValidComponent = typeof Button<"button">>(props: PopoverTriggerProps<T>) => import("solid-js").JSX.Element;
+export declare const PopoverTrigger: <T extends ValidComponent = typeof Button<"button">>(props: PopoverTriggerProps<T>) => import('solid-js').JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.js","names":["ValidComponent","Dynamic","Button","mergeRefs","usePopoverTrigger","PopoverTriggerProps","PopoverTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","disabled","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state"],"sources":["../../../../src/components/popover/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { usePopoverTrigger } from \"./usePopoverTrigger\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\n\nexport const PopoverTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: PopoverTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = usePopoverTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"popover-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBP,QAAwBG,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Dd,EAAUM,EAAIS,cAAcX,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC5DG,WAAQ;GAAA,OAAET,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAIY,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAd,EAAIY,KAAK,CAAC,CAAA,CAAA,IAAGZ,EAAIe,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzChB,EAAIY,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAGhD"}
+{"version":3,"file":"PopoverTrigger.js","names":["ValidComponent","Dynamic","Button","mergeRefs","usePopoverTrigger","PopoverTriggerProps","PopoverTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","disabled","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","_$createComponent","_$mergeProps","_$memo","PopoverTrigger","usePopoverTrigger","props","createComponent","Dynamic","mergeProps","Button","_ref$","mergeRefs","ctx","attachListeners","r$","isDisabled","memo"],"sources":["../../../../src/components/popover/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { usePopoverTrigger } from \"./usePopoverTrigger\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\n\nexport const PopoverTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: PopoverTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = usePopoverTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      disabled={isDisabled()}\n      data-slot=\"popover-trigger\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaM,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBP,QAAwBG,CAAK;CAE1E,OAAAK,EACGX,GAAOY,EACFN,GAAK;EAAA,IACTO,YAAS;GAAA,OAAGP,EAAMO,aAAgCZ;EAAgB;EAAAa,IAAAC,GAAA;GAAA,IAAAC,IAC7Dd,EAAUM,EAAIS,cAAcX,EAAMQ,KAAKJ,CAAe;GAAC,OAAAM,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,IAC5DG,WAAQ;GAAA,OAAET,EAAW;EAAC;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAGPD,EAAIY,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAd,EAAIY,KAAK,CAAC,CAAA,CAAA,IAAGZ,EAAIe,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzChB,EAAIY,KAAK,IAAI,SAAS;EAAQ;CAAA,CAAA,CAAA;AAGhD"}

package/dist/components/popover/PopoverTrigger/usePopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopoverTrigger.js","names":[],"sources":["../../../../src/components/popover/PopoverTrigger/usePopoverTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { usePopoverContext } from \"../Popover/Popover.context\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\nimport type { ValidComponent } from \"solid-js\";\n\nexport interface UsePopoverTriggerResult {\n  ctx: ReturnType<typeof usePopoverContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关浮层相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 使用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方自己传的 onClick 不会被覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function usePopoverTrigger<T extends ValidComponent>(\n  props: () => PopoverTriggerProps<T>,\n): UsePopoverTriggerResult {\n  const ctx = usePopoverContext(\"PopoverTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      ctx.togglePopover();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          ctx.openPopover();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.closePopover();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgB,EACd,GACyB;CACzB,IAAM,IAAM,EAAkB,gBAAgB,GAExC,UAAmB,EAAI,SAAS,KAAK,CAAC,CAAC,EAAM,CAAC,CAAC;CAqCrD,OAAO;EAAE;EAAK;EAAY,kBAnCD,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,KACf,EAAI,cAAc;GACpB,GAEM,KAAa,MAAa;IAC9B,IAAI,EAAW,GAAG;IAClB,IAAM,IAAgB;IAEtB,IAAI,CAAC,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAAS,EAAc,GAAG,MAEjE,EAAc,eAAe,GAC7B,EAAI,YAAY;KAElB;IACF;IAEA,AAAI,EAAc,QAAQ,aACxB,EAAc,gBAAgB,GAC9B,EAAI,aAAa;GAErB;GAKA,AAHA,EAAG,iBAAiB,SAAS,CAAO,GACpC,EAAG,iBAAiB,WAAW,CAAS,GAExC,QAAgB;IAEd,AADA,EAAG,oBAAoB,SAAS,CAAO,GACvC,EAAG,oBAAoB,WAAW,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}
+{"version":3,"file":"usePopoverTrigger.js","names":["usePopoverTrigger","ctx","usePopoverContext","isDisabled","props","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/popover/PopoverTrigger/usePopoverTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { usePopoverContext } from \"../Popover/Popover.context\";\nimport type { PopoverTriggerProps } from \"./PopoverTrigger.types\";\nimport type { ValidComponent } from \"solid-js\";\n\nexport interface UsePopoverTriggerResult {\n  ctx: ReturnType<typeof usePopoverContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关浮层相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 使用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方自己传的 onClick 不会被覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function usePopoverTrigger<T extends ValidComponent>(\n  props: () => PopoverTriggerProps<T>,\n): UsePopoverTriggerResult {\n  const ctx = usePopoverContext(\"PopoverTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      ctx.togglePopover();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          ctx.openPopover();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.closePopover();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACyB;CACzB,IAAMC,IAAMC,EAAkB,gBAAgB,GAExCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC;CAqCrD,OAAO;EAAE;EAAK;EAAY,kBAnCD,MAAgB;GACvC,IAAMC,UAAgB;IACpB,AAAIF,EAAW,KACfF,EAAI,cAAc;GACpB,GAEMK,KAAa,MAAa;IAC9B,IAAIH,EAAW,GAAG;IAClB,IAAMI,IAAgB;IAEtB,IAAI,CAACN,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASM,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BN,EAAI,YAAY;KAElB;IACF;IAEA,AAAIM,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BN,EAAI,aAAa;GAErB;GAKA,AAHAO,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.context.js","names":[],"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,IAAa,IAAkB,EAAoC,GAEtD,UAA2B;CACtC,IAAM,IAAU,EAAW,CAAe;CAC1C,IAAI,CAAC,GACH,MAAU,MACR,2DACF;CAEF,OAAO;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(\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"}

package/dist/components/progress/Progress/Progress.d.ts

@@ -1,2 +1,2 @@
 import { ProgressProps } from './Progress.types';
-export declare const Progress: (props: ProgressProps) => import("solid-js").JSX.Element;
+export declare const Progress: (props: ProgressProps) => import('solid-js').JSX.Element;

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"],"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,QAAA;IAAA,OAC/CT,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","_$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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.styles.js","names":[],"sources":["../../../../src/components/progress/Progress/Progress.styles.ts"],"sourcesContent":["export const classes = \"flex flex-wrap gap-3\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"Progress.styles.js","names":["classes"],"sources":["../../../../src/components/progress/Progress/Progress.styles.ts"],"sourcesContent":["export const classes = \"flex flex-wrap gap-3\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,2 +1,2 @@
 import { ProgressIndicatorProps } from './ProgressIndicator.types';
-export declare const ProgressIndicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;
+export declare const ProgressIndicator: (props: ProgressIndicatorProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;IAAA,OAGWX,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","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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts"],"sourcesContent":["export const classes = \"h-full bg-primary transition-all\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"ProgressIndicator.styles.js","names":["classes"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts"],"sourcesContent":["export const classes = \"h-full bg-primary transition-all\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/progress/ProgressLabel/ProgressLabel.d.ts

@@ -1,2 +1,2 @@
 import { ProgressLabelProps } from './ProgressLabel.types';
-export declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
+export declare const ProgressLabel: (props: ProgressLabelProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OAGWT,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","_$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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressLabel.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.styles.ts"],"sourcesContent":["export const classes = \"text-sm font-medium\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"ProgressLabel.styles.js","names":["classes"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.styles.ts"],"sourcesContent":["export const classes = \"text-sm font-medium\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/progress/ProgressTrack/ProgressTrack.d.ts

@@ -1,2 +1,2 @@
 import { ProgressTrackProps } from './ProgressTrack.types';
-export declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
+export declare const ProgressTrack: (props: ProgressTrackProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;IAAA,OACvCL,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","_$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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressTrack.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"ProgressTrack.styles.js","names":["classes"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\";\n"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/progress/ProgressValue/ProgressValue.d.ts

@@ -1,2 +1,2 @@
 import { ProgressValueProps } from './ProgressValue.types';
-export declare const ProgressValue: (props: ProgressValueProps) => import("solid-js").JSX.Element;
+export declare const ProgressValue: (props: ProgressValueProps) => import('solid-js').JSX.Element;

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"],"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,IAAA,QAAA;GAAA,OAGWb,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","_$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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressValue.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.styles.ts"],"sourcesContent":["export const classes = \"ml-auto text-sm text-muted-foreground tabular-nums\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"ProgressValue.styles.js","names":["classes"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.styles.ts"],"sourcesContent":["export const classes = \"ml-auto text-sm text-muted-foreground tabular-nums\";\n"],"mappings":";AAAA,IAAaA,IAAU"}

package/dist/components/radio-group/RadioGroup/RadioGroup.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.context.js","names":[],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { RadioGroupContextValue } from \"./RadioGroup.types\";\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>();\n\nexport function useRadioGroupContext(\n  component: string,\n): RadioGroupContextValue {\n  const ctx = useContext(RadioGroupContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <RadioGroup> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAa,IAAoB,EAAsC;AAEvE,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAW,CAAiB;CACxC,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,wBAAwB;CAExD,OAAO;AACT"}
+{"version":3,"file":"RadioGroup.context.js","names":["RadioGroupContext","createContext","useRadioGroupContext","ctx","useContext","component"],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { RadioGroupContextValue } from \"./RadioGroup.types\";\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>();\n\nexport function useRadioGroupContext(\n  component: string,\n): RadioGroupContextValue {\n  const ctx = useContext(RadioGroupContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <RadioGroup> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAoBC,EAAsC;AAEvE,SAAgBC,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAWJ,CAAiB;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,wBAAwB;CAExD,OAAOF;AACT"}

package/dist/components/radio-group/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["createMemo","createSignal","splitProps","JSX","clsx","RadioGroupContext","RadioGroupContextValue","RadioGroupProps","RadioGroup","props","Element","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","disabled","itemElements","Map","HTMLElement","setValue","next","onValueChange","registerItem","itemValue","element","set","get","delete","focusItem","focus","ctx","name","_el$","_tmpl$","_$spread","_$mergeProps","class","style","dir","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { RadioGroupContext } from \"./RadioGroup.context\";\nimport type {\n  RadioGroupContextValue,\n  RadioGroupProps,\n} from \"./RadioGroup.types\";\n\n/**\n * RadioGroup 根组件：渲染一个 <div role=\"radiogroup\">，并向下提供选中值、\n * 禁用状态和 item 注册方法。选中值支持受控（value）和非受控（defaultValue）。\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"comfortable\">\n *   <RadioGroupItem value=\"default\" />\n *   <RadioGroupItem value=\"comfortable\" />\n * </RadioGroup>\n * ```\n */\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"disabled\",\n    \"name\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal(local.defaultValue);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n  const disabled = createMemo(() => !!local.disabled);\n\n  const itemElements = new Map<string, HTMLElement>();\n\n  const setValue = (next: string) => {\n    if (local.value === undefined) setInternalValue(next);\n    local.onValueChange?.(next);\n  };\n\n  const registerItem = (itemValue: string, element: HTMLElement) => {\n    itemElements.set(itemValue, element);\n    return () => {\n      if (itemElements.get(itemValue) === element) {\n        itemElements.delete(itemValue);\n      }\n    };\n  };\n\n  const focusItem = (itemValue: string) => {\n    itemElements.get(itemValue)?.focus();\n  };\n\n  const ctx: RadioGroupContextValue = {\n    value,\n    setValue,\n    disabled,\n    name: local.name,\n    registerItem,\n    focusItem,\n  };\n\n  return (\n    <div\n      role=\"radiogroup\"\n      data-slot=\"radio-group\"\n      class={clsx(\"grid w-full gap-2\", local.class)}\n      style={local.style}\n      dir={local.dir}\n      {...rest}\n    >\n      <RadioGroupContext.Provider value={ctx}>\n        {local.children}\n      </RadioGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgBQ,EAAWC,GAAqC;CAC9D,IAAM,CAACE,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACI,GAAeC,KAAoBb,EAAaU,EAAMI,YAAY,GACnEC,IAAQhB,QACZW,EAAMK,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BF,EAAMK,KACpC,GACME,IAAWlB,QAAiB,CAAC,CAACW,EAAMO,QAAQ,GAE5CC,oBAAe,IAAIC,IAAyB,GAoB5Ca,IAA8B;EAClCjB;EACAM,WApBgBC,MAAiB;GAEjCZ,AADIA,EAAMK,UAAUC,KAAAA,KAAWH,EAAiBS,CAAI,GACpDZ,EAAMa,gBAAgBD,CAAI;EAC5B;EAkBEL;EACAgB,MAAMvB,EAAMuB;EACZT,eAlBoBC,GAAmBC,OACvCR,EAAaS,IAAIF,GAAWC,CAAO,SACtB;GACX,AAAIR,EAAaU,IAAIH,CAAS,MAAMC,KAClCR,EAAaW,OAAOJ,CAAS;EAEjC;EAaAK,YAViBL,MAAsB;GACvCP,EAAaU,IAAIH,CAAS,CAAC,EAAEM,MAAM;EACrC;CASA;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAUqB,OAVrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;IAAA,OAIWlC,EAAK,qBAAqBO,EAAM4B,KAAK;GAAC;GAAA,IAC7CC,QAAK;IAAA,OAAE7B,EAAM6B;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAE9B,EAAM8B;GAAG;EAAA,GACV7B,CAAI,GAAA,IAAA,EAAA,GAAA8B,EAAAP,GAAAQ,EAEPtC,EAAkBuC,UAAQ;GAAC5B,OAAOiB;GAAG,IAAAY,WAAA;IAAA,OACnClC,EAAMkC;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"RadioGroup.js","names":["createMemo","createSignal","splitProps","JSX","clsx","RadioGroupContext","RadioGroupContextValue","RadioGroupProps","RadioGroup","props","Element","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","disabled","itemElements","Map","HTMLElement","setValue","next","onValueChange","registerItem","itemValue","element","set","get","delete","focusItem","focus","ctx","name","_el$","_tmpl$","_$spread","_$mergeProps","class","style","dir","_$insert","_$createComponent","Provider","children","_$mergeProps","_$createComponent","_tmpl$","RadioGroup","local","rest","splitProps","props","internalValue","setInternalValue","createSignal","value","createMemo","disabled","itemElements","ctx","next","itemValue","element","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","RadioGroupContext"],"sources":["../../../../src/components/radio-group/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { RadioGroupContext } from \"./RadioGroup.context\";\nimport type {\n  RadioGroupContextValue,\n  RadioGroupProps,\n} from \"./RadioGroup.types\";\n\n/**\n * RadioGroup 根组件：渲染一个 <div role=\"radiogroup\">，并向下提供选中值、\n * 禁用状态和 item 注册方法。选中值支持受控（value）和非受控（defaultValue）。\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"comfortable\">\n *   <RadioGroupItem value=\"default\" />\n *   <RadioGroupItem value=\"comfortable\" />\n * </RadioGroup>\n * ```\n */\nexport function RadioGroup(props: RadioGroupProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"disabled\",\n    \"name\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal(local.defaultValue);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n  const disabled = createMemo(() => !!local.disabled);\n\n  const itemElements = new Map<string, HTMLElement>();\n\n  const setValue = (next: string) => {\n    if (local.value === undefined) setInternalValue(next);\n    local.onValueChange?.(next);\n  };\n\n  const registerItem = (itemValue: string, element: HTMLElement) => {\n    itemElements.set(itemValue, element);\n    return () => {\n      if (itemElements.get(itemValue) === element) {\n        itemElements.delete(itemValue);\n      }\n    };\n  };\n\n  const focusItem = (itemValue: string) => {\n    itemElements.get(itemValue)?.focus();\n  };\n\n  const ctx: RadioGroupContextValue = {\n    value,\n    setValue,\n    disabled,\n    name: local.name,\n    registerItem,\n    focusItem,\n  };\n\n  return (\n    <div\n      role=\"radiogroup\"\n      data-slot=\"radio-group\"\n      class={clsx(\"grid w-full gap-2\", local.class)}\n      style={local.style}\n      dir={local.dir}\n      {...rest}\n    >\n      <RadioGroupContext.Provider value={ctx}>\n        {local.children}\n      </RadioGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgBQ,EAAWC,GAAqC;CAC9D,IAAM,CAACE,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACI,GAAeC,KAAoBb,EAAaU,EAAMI,YAAY,GACnEC,IAAQhB,QACZW,EAAMK,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BF,EAAMK,KACpC,GACME,IAAWlB,QAAiB,CAAC,CAACW,EAAMO,QAAQ,GAE5CC,oBAAe,IAAIC,IAAyB,GAoB5Ca,IAA8B;EAClCjB;EACAM,WApBgBC,MAAiB;GAEjCZ,AADIA,EAAMK,UAAUC,KAAAA,KAAWH,EAAiBS,CAAI,GACpDZ,EAAMa,gBAAgBD,CAAI;EAC5B;EAkBEL;EACAgB,MAAMvB,EAAMuB;EACZT,eAlBoBC,GAAmBC,OACvCR,EAAaS,IAAIF,GAAWC,CAAO,SACtB;GACX,AAAIR,EAAaU,IAAIH,CAAS,MAAMC,KAClCR,EAAaW,OAAOJ,CAAS;EAEjC;EAaAK,YAViBL,MAAsB;GACvCP,EAAaU,IAAIH,CAAS,CAAC,EAAEM,MAAM;EACrC;CASA;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAUqB,OAVrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA8B,QAAA;IAAA,OAIWhE,EAAK,qBAAqBO,EAAM4B,KAAK;GAAC;GAAA,IAC7CC,QAAK;IAAA,OAAE7B,EAAM6B;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAE9B,EAAM8B;GAAG;EAAA,GACV7B,CAAI,GAAA,IAAA,EAAA,GAAA8B,EAAAP,GAAAQ,EAEPtC,EAAkBuC,UAAQ;GAAC5B,OAAOiB;GAAG,IAAAY,WAAA;IAAA,OACnClC,EAAMkC;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.d.ts

@@ -3,4 +3,4 @@ import { RadioGroupItemProps } from './RadioGroupItem.types';
  * RadioGroupItem：一个 role="radio" 的按钮。选中时内部渲染指示圆点。
  * 通过 context 读取 RadioGroup 的选中值和禁用状态，支持受控/非受控。
  */
-export declare function RadioGroupItem(props: RadioGroupItemProps): import("solid-js").JSX.Element;
+export declare function RadioGroupItem(props: RadioGroupItemProps): import('solid-js').JSX.Element;

package/dist/components/radio-group/RadioGroupItem/RadioGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.js","names":["Show","createMemo","onCleanup","splitProps","clsx","useRadioGroupContext","RadioGroupItemProps","RadioGroupItem","props","ctx","local","rest","checked","value","isDisabled","disabled","select","setValue","unregister","attachListeners","el","HTMLButtonElement","onClick","onKeyDown","e","KeyboardEvent","key","preventDefault","includes","group","closest","HTMLElement","values","Array","from","querySelectorAll","map","item","dataset","filter","undefined","length","currentIndex","indexOf","direction","nextIndex","nextValue","focusItem","addEventListener","registerItem","removeEventListener","_el$","_tmpl$2","_$use","_$spread","_$mergeProps","aria-checked","data-value","data-checked","style","dir","class","_$insert","_$createComponent","when","children","_tmpl$"],"sources":["../../../../src/components/radio-group/RadioGroupItem/RadioGroupItem.tsx"],"sourcesContent":["import { Show, createMemo, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useRadioGroupContext } from \"../RadioGroup\";\nimport type { RadioGroupItemProps } from \"./RadioGroupItem.types\";\n\n/**\n * RadioGroupItem：一个 role=\"radio\" 的按钮。选中时内部渲染指示圆点。\n * 通过 context 读取 RadioGroup 的选中值和禁用状态，支持受控/非受控。\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const ctx = useRadioGroupContext(\"RadioGroupItem\");\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const checked = createMemo(() => ctx.value() === local.value);\n  const isDisabled = () => ctx.disabled() || !!local.disabled;\n\n  const select = () => {\n    if (isDisabled()) return;\n    ctx.setValue(local.value);\n  };\n\n  let unregister: (() => void) | undefined;\n\n  const attachListeners = (el: HTMLButtonElement) => {\n    const onClick = () => select();\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (isDisabled()) return;\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        select();\n        return;\n      }\n\n      if ([\"ArrowDown\", \"ArrowRight\", \"ArrowUp\", \"ArrowLeft\"].includes(e.key)) {\n        e.preventDefault();\n        const group = el.closest<HTMLElement>('[data-slot=\"radio-group\"]');\n        const values = Array.from(\n          group?.querySelectorAll<HTMLElement>(\n            '[data-slot=\"radio-group-item\"]',\n          ) ?? [],\n        )\n          .map((item) => item.dataset.value)\n          .filter((value): value is string => value !== undefined);\n        if (values.length === 0) return;\n        const currentIndex = values.indexOf(local.value);\n        const direction =\n          e.key === \"ArrowDown\" || e.key === \"ArrowRight\" ? 1 : -1;\n        const nextIndex =\n          (currentIndex + direction + values.length) % values.length;\n        const nextValue = values[nextIndex];\n        ctx.setValue(nextValue);\n        ctx.focusItem(nextValue);\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    unregister = ctx.registerItem(local.value, el);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      unregister?.();\n    });\n  };\n\n  return (\n    <button\n      ref={attachListeners}\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={checked()}\n      data-slot=\"radio-group-item\"\n      data-value={local.value}\n      data-checked={checked() ? \"\" : undefined}\n      disabled={isDisabled()}\n      style={local.style}\n      dir={local.dir}\n      class={clsx(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border border-input outline-none transition-colors\",\n        \"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary\",\n        \"dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        \"data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        local.class,\n      )}\n      {...rest}\n    >\n      <Show when={checked()}>\n        <span\n          data-slot=\"radio-group-indicator\"\n          class=\"size-2 rounded-full bg-primary-foreground\"\n        />\n      </Show>\n    </button>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBO,EAAeC,GAA4B;CACzD,IAAMC,IAAMJ,EAAqB,gBAAgB,GAE3C,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKI,IAAUX,QAAiBQ,EAAII,MAAM,MAAMH,EAAMG,KAAK,GACtDC,UAAmBL,EAAIM,SAAS,KAAK,CAAC,CAACL,EAAMK,UAE7CC,UAAe;EACfF,EAAW,KACfL,EAAIQ,SAASP,EAAMG,KAAK;CAC1B,GAEIK,GAEEC,KAAmBC,MAA0B;EACjD,IAAME,UAAgBN,EAAO,GACvBO,KAAaC,MAAqB;GAClCV,OAAW,GACf;QAAIU,EAAEE,QAAQ,WAAWF,EAAEE,QAAQ,KAAK;KAEtCV,AADAQ,EAAEG,eAAe,GACjBX,EAAO;KACP;IACF;IAEA,IAAI;KAAC;KAAa;KAAc;KAAW;IAAW,CAAC,CAACY,SAASJ,EAAEE,GAAG,GAAG;KACvEF,EAAEG,eAAe;KACjB,IAAME,IAAQT,EAAGU,QAAqB,6BAA2B,GAC3DE,IAASC,MAAMC,KACnBL,GAAOM,iBACL,kCACF,KAAK,CAAA,CACP,CAAC,CACEC,KAAKC,MAASA,EAAKC,QAAQzB,KAAK,CAAC,CACjC0B,QAAQ1B,MAA2BA,MAAU2B,KAAAA,CAAS;KACzD,IAAIR,EAAOS,WAAW,GAAG;KAMzB,IAAMK,IAAYd,GALGA,EAAOW,QAAQjC,EAAMG,KAIvC6B,KAFDlB,EAAEE,QAAQ,eAAeF,EAAEE,QAAQ,eAAe,IAAI,MAE1BM,EAAOS,UAAUT,EAAOS;KAGtDhC,AADAA,EAAIQ,SAAS6B,CAAS,GACtBrC,EAAIsC,UAAUD,CAAS;IACzB;GArBA;EAsBF;EAMA5C,AAJAkB,EAAG4B,iBAAiB,SAAS1B,CAAO,GACpCF,EAAG4B,iBAAiB,WAAWzB,CAAS,GACxCL,IAAaT,EAAIwC,aAAavC,EAAMG,OAAOO,CAAE,GAE7ClB,QAAgB;GAGdgB,AAFAE,EAAG8B,oBAAoB,SAAS5B,CAAO,GACvCF,EAAG8B,oBAAoB,WAAW3B,CAAS,GAC3CL,IAAa;EACf,CAAC;CACH;CAEA,cAAA;EAAA,IAAAiC,IAAAC,EAAA;EAuByB,OAvBzBC,EAESlC,GAAegC,CAAA,GAAAG,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGN3C,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXF,EAAMG;GAAK;GAAA,IAAA,iBAAA;IAAA,OACTD,EAAQ,IAAI,KAAK4B,KAAAA;GAAS;GAAA,IACxCzB,WAAQ;IAAA,OAAED,EAAW;GAAC;GAAA,IACtB6C,QAAK;IAAA,OAAEjD,EAAMiD;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAElD,EAAMkD;GAAG;GAAA,IAAA,QAAA;IAAA,OACPxD,EACL,uKACA,6EACA,mDACA,iIACA,kGACA,yHACAM,EAAMmD,KACR;GAAC;EAAA,GACGlD,CAAI,GAAA,IAAA,EAAA,GAAAmD,EAAAX,GAAAY,EAEP/D,GAAI;GAAA,IAACgE,OAAI;IAAA,OAAEpD,EAAQ;GAAC;GAAA,IAAAqD,WAAA;IAAA,OAAAC,EAAA;GAAA;EAAA,CAAA,CAAA,GAAAf;CAAA,EAAA,CAAA;AAQ3B"}
+{"version":3,"file":"RadioGroupItem.js","names":["Show","createMemo","onCleanup","splitProps","clsx","useRadioGroupContext","RadioGroupItemProps","RadioGroupItem","props","ctx","local","rest","checked","value","isDisabled","disabled","select","setValue","unregister","attachListeners","el","HTMLButtonElement","onClick","onKeyDown","e","KeyboardEvent","key","preventDefault","includes","group","closest","HTMLElement","values","Array","from","querySelectorAll","map","item","dataset","filter","undefined","length","currentIndex","indexOf","direction","nextIndex","nextValue","focusItem","addEventListener","registerItem","removeEventListener","_el$","_tmpl$2","_$use","_$spread","_$mergeProps","aria-checked","data-value","data-checked","style","dir","class","_$insert","_$createComponent","when","children","_tmpl$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","RadioGroupItem","ctx","useRadioGroupContext","local","rest","splitProps","props","checked","createMemo","isDisabled","select","unregister","attachListeners","onClick","onKeyDown","e","group","el","values","item","value","nextValue","onCleanup","_el$","use","spread","mergeProps","\"class\"","clsx","insert","createComponent","Show"],"sources":["../../../../src/components/radio-group/RadioGroupItem/RadioGroupItem.tsx"],"sourcesContent":["import { Show, createMemo, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useRadioGroupContext } from \"../RadioGroup\";\nimport type { RadioGroupItemProps } from \"./RadioGroupItem.types\";\n\n/**\n * RadioGroupItem：一个 role=\"radio\" 的按钮。选中时内部渲染指示圆点。\n * 通过 context 读取 RadioGroup 的选中值和禁用状态，支持受控/非受控。\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const ctx = useRadioGroupContext(\"RadioGroupItem\");\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n    \"style\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const checked = createMemo(() => ctx.value() === local.value);\n  const isDisabled = () => ctx.disabled() || !!local.disabled;\n\n  const select = () => {\n    if (isDisabled()) return;\n    ctx.setValue(local.value);\n  };\n\n  let unregister: (() => void) | undefined;\n\n  const attachListeners = (el: HTMLButtonElement) => {\n    const onClick = () => select();\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (isDisabled()) return;\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        select();\n        return;\n      }\n\n      if ([\"ArrowDown\", \"ArrowRight\", \"ArrowUp\", \"ArrowLeft\"].includes(e.key)) {\n        e.preventDefault();\n        const group = el.closest<HTMLElement>('[data-slot=\"radio-group\"]');\n        const values = Array.from(\n          group?.querySelectorAll<HTMLElement>(\n            '[data-slot=\"radio-group-item\"]',\n          ) ?? [],\n        )\n          .map((item) => item.dataset.value)\n          .filter((value): value is string => value !== undefined);\n        if (values.length === 0) return;\n        const currentIndex = values.indexOf(local.value);\n        const direction =\n          e.key === \"ArrowDown\" || e.key === \"ArrowRight\" ? 1 : -1;\n        const nextIndex =\n          (currentIndex + direction + values.length) % values.length;\n        const nextValue = values[nextIndex];\n        ctx.setValue(nextValue);\n        ctx.focusItem(nextValue);\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n    unregister = ctx.registerItem(local.value, el);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      unregister?.();\n    });\n  };\n\n  return (\n    <button\n      ref={attachListeners}\n      type=\"button\"\n      role=\"radio\"\n      aria-checked={checked()}\n      data-slot=\"radio-group-item\"\n      data-value={local.value}\n      data-checked={checked() ? \"\" : undefined}\n      disabled={isDisabled()}\n      style={local.style}\n      dir={local.dir}\n      class={clsx(\n        \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border border-input outline-none transition-colors\",\n        \"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary\",\n        \"dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        \"data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        local.class,\n      )}\n      {...rest}\n    >\n      <Show when={checked()}>\n        <span\n          data-slot=\"radio-group-indicator\"\n          class=\"size-2 rounded-full bg-primary-foreground\"\n        />\n      </Show>\n    </button>\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBO,EAAeC,GAA4B;CACzD,IAAMC,IAAMJ,EAAqB,gBAAgB,GAE3C,CAACK,GAAOC,KAAQR,EAAWK,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKI,IAAUX,QAAiBQ,EAAII,MAAM,MAAMH,EAAMG,KAAK,GACtDC,UAAmBL,EAAIM,SAAS,KAAK,CAAC,CAACL,EAAMK,UAE7CC,UAAe;EACnB,AAAIF,EAAW,KACfL,EAAIQ,SAASP,EAAMG,KAAK;CAC1B,GAEIK,GAEEC,KAAmBC,MAA0B;EACjD,IAAME,UAAgBN,EAAO,GACvBO,KAAaC,MAAqB;GACtC,IAAIV,GAAW,GACf;QAAIU,EAAEE,QAAQ,WAAWF,EAAEE,QAAQ,KAAK;KAEtCV,AADAQ,EAAEG,eAAe,GACjBX,EAAO;KACP;IACF;IAEA,IAAI;KAAC;KAAa;KAAc;KAAW;IAAW,CAAC,CAACY,SAASJ,EAAEE,GAAG,GAAG;KACvEF,EAAEG,eAAe;KACjB,IAAME,IAAQT,EAAGU,QAAqB,6BAA2B,GAC3DE,IAASC,MAAMC,KACnBL,GAAOM,iBACL,kCACF,KAAK,CAAA,CACP,CAAC,CACEC,KAAKC,MAASA,EAAKC,QAAQzB,KAAK,CAAC,CACjC0B,QAAQ1B,MAA2BA,MAAU2B,KAAAA,CAAS;KACzD,IAAIR,EAAOS,WAAW,GAAG;KAMzB,IAAMK,IAAYd,GALGA,EAAOW,QAAQjC,EAAMG,KAIvC6B,KAFDlB,EAAEE,QAAQ,eAAeF,EAAEE,QAAQ,eAAe,IAAI,MAE1BM,EAAOS,UAAUT,EAAOS;KAGtDhC,AADAA,EAAIQ,SAAS6B,CAAS,GACtBrC,EAAIsC,UAAUD,CAAS;IACzB;GArBA;EAsBF;EAMA5C,AAJAkB,EAAG4B,iBAAiB,SAAS1B,CAAO,GACpCF,EAAG4B,iBAAiB,WAAWzB,CAAS,GACxCL,IAAaT,EAAIwC,aAAavC,EAAMG,OAAOO,CAAE,GAE7ClB,QAAgB;GAGdgB,AAFAE,EAAG8B,oBAAoB,SAAS5B,CAAO,GACvCF,EAAG8B,oBAAoB,WAAW3B,CAAS,GAC3CL,IAAa;EACf,CAAC;CACH;CAEA,cAAA;EAAA,IAAAiC,IAAAC,EAAA;EAuByB,OAvBzBC,EAESlC,GAAegC,CAAA,GAAAG,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGN3C,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OAEXF,EAAMG;GAAK;GAAA,IAAA,iBAAA;IAAA,OACTD,EAAQ,IAAI,KAAK4B,KAAAA;GAAS;GAAA,IACxCzB,WAAQ;IAAA,OAAED,EAAW;GAAC;GAAA,IACtB6C,QAAK;IAAA,OAAEjD,EAAMiD;GAAK;GAAA,IAClBC,MAAG;IAAA,OAAElD,EAAMkD;GAAG;GAAA,IAAAsC,QAAA;IAAA,OACP9F,EACL,uKACA,6EACA,mDACA,iIACA,kGACA,yHACAM,EAAMmD,KACR;GAAC;EAAA,GACGlD,CAAI,GAAA,IAAA,EAAA,GAAAmD,EAAAX,GAAAY,EAEP/D,GAAI;GAAA,IAACgE,OAAI;IAAA,OAAEpD,EAAQ;GAAC;GAAA,IAAAqD,WAAA;IAAA,OAAAC,EAAA;GAAA;EAAA,CAAA,CAAA,GAAAf;CAAA,EAAA,CAAA;AAQ3B"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.context.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n  hovering: Accessor<boolean>;\n  viewportRef: () => HTMLDivElement | undefined;\n  dragging: Accessor<\"vertical\" | \"horizontal\" | null>;\n  setDragging: Setter<\"vertical\" | \"horizontal\" | null>;\n  vertical: Accessor<ScrollMetrics>;\n  horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n  const context = useContext(ScrollAreaContext);\n  if (!context) {\n    throw new Error(\n      \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAiBA,IAAa,IAAoB,EAAsC,GAE1D,UAA6B;CACxC,IAAM,IAAU,EAAW,CAAiB;CAC5C,IAAI,CAAC,GACH,MAAU,MACR,+DACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"ScrollArea.context.js","names":["ScrollAreaContext","createContext","useScrollAreaContext","context","useContext"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n  hovering: Accessor<boolean>;\n  viewportRef: () => HTMLDivElement | undefined;\n  dragging: Accessor<\"vertical\" | \"horizontal\" | null>;\n  setDragging: Setter<\"vertical\" | \"horizontal\" | null>;\n  vertical: Accessor<ScrollMetrics>;\n  horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n  const context = useContext(ScrollAreaContext);\n  if (!context) {\n    throw new Error(\n      \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAiBA,IAAaA,IAAoBC,EAAsC,GAE1DC,UAA6B;CACxC,IAAMC,IAAUC,EAAWJ,CAAiB;CAC5C,IAAI,CAACG,GACH,MAAU,MACR,+DACF;CAEF,OAAOA;AACT"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.d.ts

@@ -1,2 +1,2 @@
 import { ScrollAreaProps } from './ScrollArea.types';
-export declare const ScrollArea: (props: ScrollAreaProps) => import("solid-js").JSX.Element;
+export declare const ScrollArea: (props: ScrollAreaProps) => import('solid-js').JSX.Element;

package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"scrollbar-none [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-ring/50\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;iIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAY,CACb,GAEK,CAACK,GAAUC,KAAehB,EAAa,EAAK,GAC5C,CAACiB,GAAUC,KAAelB,EAE9B,IAAI,GAEA,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CAAC,GACK,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CACF;CAEA,SAASG,EAAcC,GAAiB;EAItCF,AAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,YAAY,CAC/D,GACAN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,WAAW,CAC9D;CACF;CAEA,SAASC,EAAMR,GAAoB;EAGjCD,AAFAf,IAAcgB,GAEdD,EAAcC,CAAE;EAEhB,IAAMS,UAAeV,EAAcC,CAAE,GAE/BU,IAAK,IAAIC,eAAeF,CAAM;EASpCnC,AARAoC,EAAGE,QAAQZ,CAAE,GAETA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,iBAAiB,GAGjCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,GAAK,CAAC,GAEvDzC,QAAgB;GAEd0B,AADAU,EAAGM,WAAW,GACdhB,EAAGiB,oBAAoB,UAAUR,CAAM;EACzC,CAAC;CACH;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA;EA2C+C,OA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,EAAK,CAAC,GAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,EAAI,CAAC,GAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAD9B3C,EAAK,YAAYQ,EAAMoC,KAAK;EAAC,EAAA,GAGhCnC,CAAM,GAAA,IAAA,EAAA,GAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;GACd;GAAC,IAAAgC,WAAA;IAAA,OAAA,QAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAGMxB;KAoBJ,OApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,QAAQ,GAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,0EAEA,gDAEA,oDACA,8BAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,iBACR;MAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,CAAA,GAAAF;KAAA,GAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAb;IAAA,EAAA,CAAA,GAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;KAAA,OAAEpD,EAAMoD;IAAW,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIjD"}
+{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined","_$mergeProps","_$createComponent","_$use","_$setAttribute","_$className","_tmpl$","_tmpl$2","ScrollArea","viewportRef","local","others","splitProps","props","hovering","setHovering","createSignal","dragging","setDragging","verticalMetrics","setVerticalMetrics","horizontalMetrics","setHorizontalMetrics","updateMetrics","computeMetrics","el","setup","update","ro","onCleanup","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","ScrollAreaContext","_el$2","_ref$","use","effect","_v$","_v$2","_p$","setAttribute","className","ScrollBar"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"scrollbar-none [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-ring/50\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;iIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAY,CACb,GAEK,CAACK,GAAUC,KAAehB,EAAa,EAAK,GAC5C,CAACiB,GAAUC,KAAelB,EAE9B,IAAI,GAEA,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CAAC,GACK,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CACF;CAEA,SAASG,EAAcC,GAAiB;EAItCF,AAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,YAAY,CAC/D,GACAN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,WAAW,CAC9D;CACF;CAEA,SAASC,EAAMR,GAAoB;EAGjCD,AAFAf,IAAcgB,GAEdD,EAAcC,CAAE;EAEhB,IAAMS,UAAeV,EAAcC,CAAE,GAE/BU,IAAK,IAAIC,eAAeF,CAAM;EASpCnC,AARAoC,EAAGE,QAAQZ,CAAE,GAETA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,iBAAiB,GAGjCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,GAAK,CAAC,GAEvDzC,QAAgB;GAEd0B,AADAU,EAAGM,WAAW,GACdhB,EAAGiB,oBAAoB,UAAUR,CAAM;EACzC,CAAC;CACH;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA;EA2C+C,OA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,EAAK,CAAC,GAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,EAAI,CAAC,GAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAAuD,QAAA;GAAA,OAD9BlG,EAAK,YAAYQ,EAAMoC,KAAK;EAAC,EAAA,GAGhCnC,CAAM,GAAA,IAAA,EAAA,GAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;GACd;GAAC,IAAAgC,WAAA;IAAA,OAAA,QAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAGMxB;KAoBJ,OApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,QAAQ,GAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,0EAEA,gDAEA,oDACA,8BAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,iBACR;MAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,CAAA,GAAAF;KAAA,GAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAb;IAAA,EAAA,CAAA,GAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;KAAA,OAAEpD,EAAMoD;IAAW,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIjD"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.utils.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n  client: number,\n  scroll: number,\n  scrollSize: number,\n): ScrollMetrics {\n  const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n  if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n  const thumbRatio = client / scrollSize;\n  const maxScroll = scrollSize - client;\n  const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n  return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,SAAgB,EACd,GACA,GACA,GACe;CACf,IAAM,IAAa,IAAa,IAAS;CACzC,IAAI,CAAC,GAAY,OAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;CAAM;CAC3E,IAAM,IAAa,IAAS,GACtB,IAAY,IAAa;CAE/B,OAAO;EAAE;EAAY,aADD,IAAY,IAAI,IAAS,IAAY;EACvB;CAAW;AAC/C"}
+{"version":3,"file":"ScrollArea.utils.js","names":["computeMetrics","scrollable","scrollSize","client","thumbRatio","maxScroll","scroll"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n  client: number,\n  scroll: number,\n  scrollSize: number,\n): ScrollMetrics {\n  const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n  if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n  const thumbRatio = client / scrollSize;\n  const maxScroll = scrollSize - client;\n  const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n  return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,SAAgBA,EACd,GACA,GACA,GACe;CACf,IAAMC,IAAaC,IAAaC,IAAS;CACzC,IAAI,CAACF,GAAY,OAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;CAAM;CAC3E,IAAMG,IAAaD,IAASD,GACtBG,IAAYH,IAAaC;CAE/B,OAAO;EAAE;EAAY,aADDE,IAAY,IAAIC,IAASD,IAAY;EACvB;CAAW;AAC/C"}

package/dist/components/scroll-area/ScrollBar/ScrollBar.d.ts

@@ -1,2 +1,2 @@
 import { ScrollBarProps } from './ScrollBar.types';
-export declare const ScrollBar: (props: ScrollBarProps) => import("solid-js").JSX.Element;
+export declare const ScrollBar: (props: ScrollBarProps) => import('solid-js').JSX.Element;