@g4rcez/components 5.0.2 → 5.0.3

package/dist/step-DFpJ7zCG.js

@@ -0,0 +1,185 @@
+import { l as e, t } from "./context-CsnUsfeP.js";
+import { t as n } from "./proxy-fP2NxmhM.js";
+import r, { Fragment as i, createContext as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/hooks/use-color-parser.ts
+var f = () => {
+	let n = o(t);
+	return n ? n.parser : e.hsla;
+}, p = .3, m = {
+	duration: p,
+	type: "tween",
+	ease: "easeInOut"
+}, h = a(null), g = {
+	delay: .2,
+	duration: .3,
+	type: "tween",
+	ease: "easeOut"
+}, _ = {
+	initial: {
+		pathLength: 0,
+		opacity: 0
+	},
+	animate: {
+		pathLength: 1,
+		opacity: 1
+	}
+}, v = (e) => /* @__PURE__ */ d("svg", {
+	...e,
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: [/* @__PURE__ */ u(n.path, {
+		className: "currentColor",
+		initial: _.initial,
+		animate: _.animate,
+		transition: g,
+		d: "M18 6 6 18"
+	}), /* @__PURE__ */ u(n.path, {
+		className: "currentColor",
+		initial: _.initial,
+		animate: _.animate,
+		transition: g,
+		d: "m6 6 12 12"
+	})]
+}), y = (e) => /* @__PURE__ */ u("svg", {
+	...e,
+	"aria-hidden": "true",
+	focusable: "false",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 3,
+	children: /* @__PURE__ */ u(n.path, {
+		d: "M5 13l4 4L19 7",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		animate: _.animate,
+		initial: _.initial,
+		transition: g
+	})
+}), b = {
+	complete: { scale: 1.25 },
+	active: {
+		scale: 1,
+		transition: {
+			delay: 0,
+			duration: .3
+		}
+	}
+}, x = {
+	duration: .6,
+	delay: .2,
+	type: "tween",
+	ease: "circOut"
+}, S = (e, t, n) => n === "error" ? "error" : t === e ? "active" : t < e ? "inactive" : "complete", C = (e, t, n, r) => t === n ? 0 : t > n ? e <= n || e > t ? 0 : (e - n) / (t - n) * r : e <= t || e > n ? 0 : (n - e) / (n - t) * r, w = () => o(h), T = ({ step: e, currentStep: t, status: r, title: a, titleClassName: o, ...c }) => {
+	let p = f(), h = w(), [g, _] = l(t);
+	s(() => {
+		if (!h) {
+			_(t);
+			return;
+		}
+		let n = C(e, h.currentStep, h.previousStep, h.progressBarDuration);
+		if (n === 0) {
+			_(t);
+			return;
+		}
+		let r = setTimeout(() => {
+			_(t);
+		}, n * 1e3);
+		return () => clearTimeout(r);
+	}, [
+		t,
+		h,
+		e
+	]);
+	let T = S(e, g, r);
+	return h?.steps && 100 / h?.steps, /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u("div", { className: `hidden h-step-connector-h w-full bg-card-border first:hidden xl:block ${T === "active" || T === "complete" ? "bg-success" : ""}` }), /* @__PURE__ */ d(n.button, {
+		...c,
+		type: "button",
+		"aria-current": T === "active" ? "step" : void 0,
+		"data-step": e,
+		animate: T,
+		className: "relative flex w-auto items-center justify-center text-center",
+		children: [
+			/* @__PURE__ */ u(n.div, {
+				variants: b,
+				transition: x,
+				className: `absolute inset-0 hidden rounded-full text-center xl:block ${T === "error" ? "bg-danger" : ""}`
+			}),
+			/* @__PURE__ */ u(n.div, {
+				initial: !1,
+				animate: T,
+				transition: m,
+				className: "relative flex aspect-square size-step-size items-center justify-center rounded-full font-medium",
+				variants: {
+					error: {
+						color: p("var(--danger-foreground)"),
+						borderColor: p("var(--danger-hover)"),
+						backgroundColor: p("var(--danger-DEFAULT)")
+					},
+					inactive: {
+						transition: m,
+						color: p("var(--disabled)"),
+						borderColor: p("var(--card-border)"),
+						backgroundColor: p("var(--background)")
+					},
+					active: {
+						transition: m,
+						color: p("var(--primary-foreground)"),
+						borderColor: p("var(--primary-DEFAULT)"),
+						backgroundColor: p("var(--primary-DEFAULT)")
+					},
+					complete: {
+						transition: m,
+						color: p("var(--success-foreground)"),
+						borderColor: p("var(--success-DEFAULT)"),
+						backgroundColor: p("var(--success-DEFAULT)")
+					}
+				},
+				children: /* @__PURE__ */ u("div", {
+					className: "flex items-center justify-center",
+					children: T === "complete" ? /* @__PURE__ */ u(y, { className: "size-step-icon-size text-primary-foreground" }) : T === "error" ? /* @__PURE__ */ u(v, { className: "size-step-icon-size text-danger-foreground" }) : /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u("span", { children: e }) })
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex flex-col items-start justify-start px-step-label-px",
+				children: /* @__PURE__ */ u("h3", {
+					className: `flex h-full items-center whitespace-nowrap font-normal ${o}`,
+					children: a
+				})
+			})
+		]
+	})] });
+}, E = (e) => {
+	let t = c(e.currentStep), [n, i] = l(e.currentStep);
+	s(() => {
+		t.current = n;
+		let r = setTimeout(() => {
+			i(e.currentStep);
+		}, p * 1e3);
+		return () => clearTimeout(r);
+	}, [e.currentStep, n]);
+	let a = {
+		currentStep: e.currentStep,
+		previousStep: t.current,
+		progressBarDuration: p,
+		steps: r.Children.count(e.children)
+	};
+	return /* @__PURE__ */ u(h.Provider, {
+		value: a,
+		children: /* @__PURE__ */ u("div", {
+			className: "relative flex w-full flex-col items-start justify-center gap-step-gap lg:flex-row lg:items-center lg:justify-between",
+			children: e.children
+		})
+	});
+};
+//#endregion
+export { f as i, E as n, w as r, T as t };
+
+//# sourceMappingURL=step-DFpJ7zCG.js.map

package/dist/step-DFpJ7zCG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-DFpJ7zCG.js","names":[],"sources":["../src/hooks/use-color-parser.ts","../src/components/display/step.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\nimport { parsers } from \"../styles/design-tokens\";\n\nexport const useColorParser = () => {\n    const ctx = useContext(Context);\n    if (!ctx) return parsers.hsla;\n    return ctx.parser!;\n};\n","\"use client\";\nimport { HTMLMotionProps, motion, Transition } from \"motion/react\";\nimport React, { ComponentProps, createContext, Fragment, PropsWithChildren, useContext, useEffect, useRef, useState } from \"react\";\nimport { useColorParser } from \"../../hooks/use-color-parser\";\nimport { Label } from \"../../types\";\n\nconst PROGRESS_BAR_DURATION = 0.3;\n\nconst transition: Transition = {\n    duration: PROGRESS_BAR_DURATION,\n    type: \"tween\",\n    ease: \"easeInOut\",\n};\n\ntype StepContextValue = {\n    currentStep: number;\n    previousStep: number;\n    progressBarDuration: number;\n    steps: number;\n};\n\nconst StepContext = createContext<StepContextValue | null>(null);\n\nconst iconTransitions: Transition = {\n    delay: 0.2,\n    duration: 0.3,\n    type: \"tween\",\n    ease: \"easeOut\",\n};\n\nconst states = {\n    initial: { pathLength: 0, opacity: 0 },\n    animate: { pathLength: 1, opacity: 1 },\n};\n\nconst ErrorIcon = (props: ComponentProps<\"svg\">) => (\n    <svg\n        {...props}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n    >\n        <motion.path className=\"currentColor\" initial={states.initial} animate={states.animate} transition={iconTransitions} d=\"M18 6 6 18\" />\n        <motion.path className=\"currentColor\" initial={states.initial} animate={states.animate} transition={iconTransitions} d=\"m6 6 12 12\" />\n    </svg>\n);\n\nconst CheckIcon = (props: ComponentProps<\"svg\">) => (\n    <svg {...props} aria-hidden=\"true\" focusable=\"false\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={3}>\n        <motion.path\n            d=\"M5 13l4 4L19 7\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            animate={states.animate}\n            initial={states.initial}\n            transition={iconTransitions}\n        />\n    </svg>\n);\n\ntype StepStatus = \"active\" | \"inactive\" | \"complete\" | \"error\";\n\nexport type StepProps = React.ComponentProps<\"button\"> & {\n    step: number;\n    title?: Label;\n    currentStep: number;\n    status?: StepStatus;\n    titleClassName?: string;\n};\n\nconst variants = {\n    complete: { scale: 1.25 },\n    active: { scale: 1, transition: { delay: 0, duration: 0.3 } },\n};\n\nconst transitions: Transition = {\n    duration: 0.6,\n    delay: 0.2,\n    type: \"tween\",\n    ease: \"circOut\",\n};\n\nconst getCurrentStatus = (step: StepProps[\"step\"], currentStep: StepProps[\"currentStep\"], status: StepProps[\"status\"]): StepStatus => {\n    if (status === \"error\") return \"error\";\n    if (currentStep === step) return \"active\";\n    if (currentStep < step) return \"inactive\";\n    return \"complete\";\n};\n\nconst calculateStepDelay = (step: number, currentStep: number, previousStep: number, duration: number): number => {\n    if (currentStep === previousStep) return 0;\n    const isForward = currentStep > previousStep;\n    if (isForward) {\n        if (step <= previousStep || step > currentStep) return 0;\n        return ((step - previousStep) / (currentStep - previousStep)) * duration;\n    }\n    if (step <= currentStep || step > previousStep) return 0;\n    return ((previousStep - step) / (previousStep - currentStep)) * duration;\n};\n\nexport const useStepContext = () => useContext(StepContext);\n\nexport const Step = ({ step, currentStep, status, title, titleClassName, ...props }: StepProps) => {\n    const parser = useColorParser();\n    const context = useStepContext();\n    const [visualCurrentStep, setVisualCurrentStep] = useState(currentStep);\n\n    useEffect(() => {\n        if (!context) {\n            setVisualCurrentStep(currentStep);\n            return;\n        }\n        const delay = calculateStepDelay(step, context.currentStep, context.previousStep, context.progressBarDuration);\n\n        if (delay === 0) {\n            setVisualCurrentStep(currentStep);\n            return;\n        }\n\n        const timer = setTimeout(() => {\n            setVisualCurrentStep(currentStep);\n        }, delay * 1000);\n        return () => clearTimeout(timer);\n    }, [currentStep, context, step]);\n\n    const innerStatus = getCurrentStatus(step, visualCurrentStep, status);\n\n    const _widthPerStep = context?.steps ? 100 / context?.steps : undefined;\n\n    return (\n        <Fragment>\n            <div\n                className={`hidden h-step-connector-h w-full bg-card-border first:hidden xl:block ${innerStatus === \"active\" || innerStatus === \"complete\" ? \"bg-success\" : \"\"}`}\n            />\n            <motion.button\n                {...(props as unknown as HTMLMotionProps<\"button\">)}\n                type=\"button\"\n                aria-current={innerStatus === \"active\" ? \"step\" : undefined}\n                data-step={step}\n                animate={innerStatus}\n                className=\"relative flex w-auto items-center justify-center text-center\"\n            >\n                <motion.div\n                    variants={variants}\n                    transition={transitions}\n                    className={`absolute inset-0 hidden rounded-full text-center xl:block ${innerStatus === \"error\" ? \"bg-danger\" : \"\"}`}\n                />\n                <motion.div\n                    initial={false}\n                    animate={innerStatus}\n                    transition={transition}\n                    className=\"relative flex aspect-square size-step-size items-center justify-center rounded-full font-medium\"\n                    variants={{\n                        error: {\n                            color: parser(\"var(--danger-foreground)\"),\n                            borderColor: parser(\"var(--danger-hover)\"),\n                            backgroundColor: parser(\"var(--danger-DEFAULT)\"),\n                        },\n                        inactive: {\n                            transition,\n                            color: parser(\"var(--disabled)\"),\n                            borderColor: parser(\"var(--card-border)\"),\n                            backgroundColor: parser(\"var(--background)\"),\n                        },\n                        active: {\n                            transition,\n                            color: parser(\"var(--primary-foreground)\"),\n                            borderColor: parser(\"var(--primary-DEFAULT)\"),\n                            backgroundColor: parser(\"var(--primary-DEFAULT)\"),\n                        },\n                        complete: {\n                            transition,\n                            color: parser(\"var(--success-foreground)\"),\n                            borderColor: parser(\"var(--success-DEFAULT)\"),\n                            backgroundColor: parser(\"var(--success-DEFAULT)\"),\n                        },\n                    }}\n                >\n                    <div className=\"flex items-center justify-center\">\n                        {innerStatus === \"complete\" ? (\n                            <CheckIcon className=\"size-step-icon-size text-primary-foreground\" />\n                        ) : innerStatus === \"error\" ? (\n                            <ErrorIcon className=\"size-step-icon-size text-danger-foreground\" />\n                        ) : (\n                            <Fragment>\n                                <span>{step}</span>\n                            </Fragment>\n                        )}\n                    </div>\n                </motion.div>\n                <div className=\"flex flex-col items-start justify-start px-step-label-px\">\n                    <h3 className={`flex h-full items-center whitespace-nowrap font-normal ${titleClassName}`}>{title}</h3>\n                </div>\n            </motion.button>\n        </Fragment>\n    );\n};\n\nexport const Steps = (props: PropsWithChildren<{ steps: number; currentStep: number }>) => {\n    const previousStepRef = useRef(props.currentStep);\n    const [previousStep, setPreviousStep] = useState(props.currentStep);\n\n    useEffect(() => {\n        previousStepRef.current = previousStep;\n        const timer = setTimeout(() => {\n            setPreviousStep(props.currentStep);\n        }, PROGRESS_BAR_DURATION * 1000);\n        return () => clearTimeout(timer);\n    }, [props.currentStep, previousStep]);\n\n    const contextValue: StepContextValue = {\n        currentStep: props.currentStep,\n        previousStep: previousStepRef.current,\n        progressBarDuration: PROGRESS_BAR_DURATION,\n        steps: React.Children.count(props.children),\n    };\n\n    return (\n        <StepContext.Provider value={contextValue}>\n            <div className=\"relative flex w-full flex-col items-start justify-center gap-step-gap lg:flex-row lg:items-center lg:justify-between\">\n                {props.children}\n            </div>\n        </StepContext.Provider>\n    );\n};\n"],"mappings":"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"}

package/dist/styles/dark.js

@@ -98,7 +98,7 @@ exports.DARK_THEME = {
             foreground: "hsla(240, 10%, 4%)",
             background: "hsla(0, 0%, 100%)",
             hover: "hsla(0, 0%, 100%)",
-            border: "hsla(0, 0%, 100%)",
+            border: "hsla(221, 10%, 17%)",
             overlay: "hsla(0, 0%, 0%)",
         },
         table: {

package/dist/subMonths-QcCnE3Yh.js

@@ -0,0 +1,43 @@
+import { t as e } from "./IconBase.es-BlJQ9IXo.js";
+import { c as t, l as n, s as r } from "./getISOWeek-EcB4Ebqp.js";
+import * as i from "react";
+//#region ../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/defs/CaretLeft.es.js
+var a = /* @__PURE__ */ new Map([
+	["bold", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", { d: "M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z" }))],
+	["duotone", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", {
+		d: "M160,48V208L80,128Z",
+		opacity: "0.2"
+	}), /* @__PURE__ */ i.createElement("path", { d: "M163.06,40.61a8,8,0,0,0-8.72,1.73l-80,80a8,8,0,0,0,0,11.32l80,80A8,8,0,0,0,168,208V48A8,8,0,0,0,163.06,40.61ZM152,188.69,91.31,128,152,67.31Z" }))],
+	["fill", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", { d: "M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z" }))],
+	["light", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", { d: "M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z" }))],
+	["regular", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", { d: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z" }))],
+	["thin", /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("path", { d: "M162.83,205.17a4,4,0,0,1-5.66,5.66l-80-80a4,4,0,0,1,0-5.66l80-80a4,4,0,1,1,5.66,5.66L85.66,128Z" }))]
+]), o = i.forwardRef((t, n) => /* @__PURE__ */ i.createElement(e, {
+	ref: n,
+	...t,
+	weights: a
+}));
+o.displayName = "CaretLeftIcon";
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js
+function s(e, r, i) {
+	let a = t(e, i?.in);
+	if (isNaN(r)) return n(i?.in || e, NaN);
+	if (!r) return a;
+	let o = a.getDate(), s = n(i?.in || e, a.getTime());
+	return s.setMonth(a.getMonth() + r + 1, 0), o >= s.getDate() ? s : (a.setFullYear(s.getFullYear(), s.getMonth(), o), a);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/subDays.js
+function c(e, t, n) {
+	return r(e, -t, n);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/subMonths.js
+function l(e, t, n) {
+	return s(e, -t, n);
+}
+//#endregion
+export { o as i, c as n, s as r, l as t };
+
+//# sourceMappingURL=subMonths-QcCnE3Yh.js.map

package/dist/subMonths-QcCnE3Yh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subMonths-QcCnE3Yh.js","names":["a","f"],"sources":["../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/defs/CaretLeft.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/csr/CaretLeft.es.js","../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js","../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/subDays.js","../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/subMonths.js"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M160,48V208L80,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M163.06,40.61a8,8,0,0,0-8.72,1.73l-80,80a8,8,0,0,0,0,11.32l80,80A8,8,0,0,0,168,208V48A8,8,0,0,0,163.06,40.61ZM152,188.69,91.31,128,152,67.31Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M162.83,205.17a4,4,0,0,1-5.66,5.66l-80-80a4,4,0,0,1,0-5.66l80-80a4,4,0,1,1,5.66,5.66L85.66,128Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as e from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport f from \"../defs/CaretLeft.es.js\";\nconst t = e.forwardRef((o, r) => /* @__PURE__ */ e.createElement(a, { ref: r, ...o, weights: f }));\nt.displayName = \"CaretLeftIcon\";\nconst s = t;\nexport {\n  s as CaretLeft,\n  t as CaretLeftIcon\n};\n","import { constructFrom } from \"./constructFrom.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * The {@link addMonths} function options.\n */\n\n/**\n * @name addMonths\n * @category Month Helpers\n * @summary Add the specified number of months to the given date.\n *\n * @description\n * Add the specified number of months to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be added.\n * @param options - The options object\n *\n * @returns The new date with the months added\n *\n * @example\n * // Add 5 months to 1 September 2014:\n * const result = addMonths(new Date(2014, 8, 1), 5)\n * //=> Sun Feb 01 2015 00:00:00\n *\n * // Add one month to 30 January 2023:\n * const result = addMonths(new Date(2023, 0, 30), 1)\n * //=> Tue Feb 28 2023 00:00:00\n */\nexport function addMonths(date, amount, options) {\n  const _date = toDate(date, options?.in);\n  if (isNaN(amount)) return constructFrom(options?.in || date, NaN);\n  if (!amount) {\n    // If 0 months, no-op to avoid changing times in the hour before end of DST\n    return _date;\n  }\n  const dayOfMonth = _date.getDate();\n\n  // The JS Date object supports date math by accepting out-of-bounds values for\n  // month, day, etc. For example, new Date(2020, 0, 0) returns 31 Dec 2019 and\n  // new Date(2020, 13, 1) returns 1 Feb 2021.  This is *almost* the behavior we\n  // want except that dates will wrap around the end of a month, meaning that\n  // new Date(2020, 13, 31) will return 3 Mar 2021 not 28 Feb 2021 as desired. So\n  // we'll default to the end of the desired month by adding 1 to the desired\n  // month and using a date of 0 to back up one day to the end of the desired\n  // month.\n  const endOfDesiredMonth = constructFrom(options?.in || date, _date.getTime());\n  endOfDesiredMonth.setMonth(_date.getMonth() + amount + 1, 0);\n  const daysInMonth = endOfDesiredMonth.getDate();\n  if (dayOfMonth >= daysInMonth) {\n    // If we're already at the end of the month, then this is the correct date\n    // and we're done.\n    return endOfDesiredMonth;\n  } else {\n    // Otherwise, we now know that setting the original day-of-month value won't\n    // cause an overflow, so set the desired day-of-month. Note that we can't\n    // just set the date of `endOfDesiredMonth` because that object may have had\n    // its time changed in the unusual case where where a DST transition was on\n    // the last day of the month and its local time was in the hour skipped or\n    // repeated next to a DST transition.  So we use `date` instead which is\n    // guaranteed to still have the original time.\n    _date.setFullYear(\n      endOfDesiredMonth.getFullYear(),\n      endOfDesiredMonth.getMonth(),\n      dayOfMonth,\n    );\n    return _date;\n  }\n}\n\n// Fallback for modularized imports:\nexport default addMonths;\n","import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link subDays} function options.\n */\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of days to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the days subtracted\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport function subDays(date, amount, options) {\n  return addDays(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subDays;\n","import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n"],"x_google_ignoreList":[0,1,2,3,4],"mappings":";;;;AACA,IAAM,oBAAoB,IAAI,IAAI;CAChC,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,2FAA2F,CAAC,CAAC,CAC9L;CACA,CACE,WACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ;EAAE,GAAG;EAAuB,SAAS;CAAM,CAAC,GAAmB,kBAAE,cAAc,QAAQ,EAAE,GAAG,gJAAgJ,CAAC,CAAC,CAC1U;CACA,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,oFAAoF,CAAC,CAAC,CACvL;CACA,CACE,SACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,kGAAkG,CAAC,CAAC,CACrM;CACA,CACE,WACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,uGAAuG,CAAC,CAAC,CAC1M;CACA,CACE,QACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,kGAAkG,CAAC,CAAC,CACrM;AACF,CAAC,GCvBK,IAAI,EAAE,YAAY,GAAG,MAAsB,kBAAE,cAAcA,GAAG;CAAE,KAAK;CAAG,GAAG;CAAG,SAASC;AAAE,CAAC,CAAC;AACjG,EAAE,cAAc;;;AC6BhB,SAAgB,EAAU,GAAM,GAAQ,GAAS;CAC/C,IAAM,IAAQ,EAAO,GAAM,GAAS,EAAE;CACtC,IAAI,MAAM,CAAM,GAAG,OAAO,EAAc,GAAS,MAAM,GAAM,GAAG;CAChE,IAAI,CAAC,GAEH,OAAO;CAET,IAAM,IAAa,EAAM,QAAQ,GAU3B,IAAoB,EAAc,GAAS,MAAM,GAAM,EAAM,QAAQ,CAAC;CAoB1E,OAnBF,EAAkB,SAAS,EAAM,SAAS,IAAI,IAAS,GAAG,CAAC,GAEvD,KADgB,EAAkB,QACV,IAGnB,KASP,EAAM,YACJ,EAAkB,YAAY,GAC9B,EAAkB,SAAS,GAC3B,CACF,GACO;AAEX;;;AC/CA,SAAgB,EAAQ,GAAM,GAAQ,GAAS;CAC7C,OAAO,EAAQ,GAAM,CAAC,GAAQ,CAAO;AACvC;;;ACCA,SAAgB,EAAU,GAAM,GAAQ,GAAS;CAC/C,OAAO,EAAU,GAAM,CAAC,GAAQ,CAAO;AACzC"}

package/dist/table-lib-1bkYSklk.js

@@ -0,0 +1,174 @@
+import { t as e } from "./chunk-jwUa06l-.js";
+import { n as t } from "./fns-KbsWlOTG.js";
+import { t as n } from "./use-stable-ref-D5LFCx0u.js";
+import { t as r } from "./dist-DIjUECx9.js";
+import { useCallback as i, useRef as a } from "react";
+//#region ../../node_modules/.pnpm/storage-manager-js@4.2.6-5/node_modules/storage-manager-js/dist/index.js
+var o = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, Symbol.toStringTag, { value: "Module" });
+	var t = (e, t) => {
+		try {
+			Object.keys(e).forEach(t);
+		} catch (e) {
+			window.console.log(e);
+		}
+	}, n = (e) => e == null, r = (e) => {
+		let t = typeof e;
+		return t === "string" || t === "number" || t === "boolean" || n(e);
+	}, i = (e, t) => {
+		let n = t.getItem(e);
+		try {
+			return JSON.parse(n);
+		} catch {
+			return n ?? null;
+		}
+	}, a = (e) => Object.keys(e).reduce((t, n) => ({
+		...t,
+		[n]: i(n, e)
+	}), {}), o = (e) => e instanceof Date ? e : typeof e == "number" ? /* @__PURE__ */ new Date(/* @__PURE__ */ new Date() * 1 + e * 864e5) : e, s = "1969-12-31T23:59:59.000Z", c = () => document.cookie === "" ? {} : document.cookie.split("; ").map((e) => e.split("=")).reduce((e, t) => (e[decodeURIComponent(t[0].trim())] = decodeURIComponent(t[1].trim()), e), {}), l = /* @__PURE__ */ new Set(), u = () => {
+		let e = c();
+		l.forEach((t) => t(e));
+	}, d = [
+		{
+			name: "expires",
+			parse: (e) => `expires=${o(e.expires ?? s)}`
+		},
+		{
+			name: "maxAge",
+			parse: (e) => e.maxAge ? `max-age=${o(e.expires ?? s)}` : ""
+		},
+		{
+			name: "path",
+			parse: (e) => `path=${e.path ?? "/"}`
+		},
+		{
+			name: "sameSite",
+			parse: (e) => `samesite=${e.sameSite ?? "strict"}`
+		},
+		{
+			name: "useSecure",
+			parse: (e) => `${e.useSecure ?? !0 ? "secure" : ""}`
+		},
+		{
+			name: "domain",
+			parse: (e) => {
+				let t = e.domain ?? "";
+				return t === "" ? "" : `domain=${e.multiDomain ? "." : ""}${t}`;
+			}
+		},
+		{
+			name: "partitioned",
+			parse: (e) => e.partitioned ? "Partitioned" : ""
+		}
+	], f = {
+		json: c,
+		listener: (e) => (l.add(e), () => l.delete(e)),
+		clearListeners: () => l.clear(),
+		has: (e) => document.cookie.split(";").some((t) => t.trim().startsWith(`${e}=`)),
+		deleteAll: () => {
+			document.cookie.split(";").forEach((e) => {
+				document.cookie = e.replace(/^ +/, "").replace(/=.*/, `=;expires=${(/* @__PURE__ */ new Date()).toUTCString()};path=/`);
+			}), u();
+		},
+		get: (e) => {
+			let t = f.json()[e];
+			if (n(t)) return null;
+			try {
+				return JSON.parse(decodeURIComponent(t));
+			} catch {
+				return t;
+			}
+		},
+		delete: (e) => {
+			document.cookie = `${encodeURIComponent(e)}=;expires=${(/* @__PURE__ */ new Date()).toUTCString()}`, u();
+		},
+		set: (e, t, n = {}) => {
+			let i = r(t) ? t : encodeURIComponent(JSON.stringify(t)), a = d.reduce((e, t) => {
+				let r = t.parse(n);
+				return r === "" ? e : e.concat(r);
+			}, [`${encodeURIComponent(e)}=${i}`]).join(";");
+			document.cookie = a, u();
+		}
+	}, p = (e) => {
+		let r = /* @__PURE__ */ new Set(), o = (t) => {
+			e().removeItem(t);
+			let n = a(e());
+			r.forEach((e) => e(n));
+		};
+		return {
+			delete: o,
+			listener: (e) => (r.add(e), () => r.delete(e)),
+			clearListeners: () => r.clear(),
+			json: (t = !1) => t ? a(e()) : e(),
+			has: (t) => !n(e().getItem(t)),
+			deleteAll: () => {
+				t(e(), o), r.forEach((t) => t(e()));
+			},
+			get: (t) => i(t, e()),
+			set: (t, n) => {
+				e().setItem(t, JSON.stringify(n)), r.forEach((t) => t(e()));
+			}
+		};
+	}, m = p(() => window.sessionStorage), h = p(() => window.localStorage);
+	e.Cookie = f, e.LocalStorage = h, e.SessionStorage = m, e.createStorage = p;
+})), s = o(), c = (e) => e.headerLabel ?? e.thead ?? e.id, l = (e) => e.map((e) => ({
+	value: e.id,
+	label: e.thead ?? e.headerLabel ?? e.id
+})), u = /* @__PURE__ */ function(e) {
+	return e.Boolean = "boolean", e.Number = "number", e.Select = "select", e.Text = "text", e;
+}({}), d = (e) => e.type === "number" ? e.valueAsNumber : e.value, f = (e) => {
+	let t = [];
+	return e({
+		add: (e, n, r) => t.push({
+			...r,
+			id: e,
+			thead: n
+		}),
+		remove: (e) => t = t.filter((t) => t.id !== e),
+		getAll: () => Array.from(t),
+		filter: (e) => t = Array.from(t.filter(e))
+	}), t;
+}, p = {}, m = (e, t) => {
+	if (!Array.isArray(t)) return e;
+	let n = new Set(t.map((e) => e.id));
+	if (!e.every((e) => n.has(e.id))) return e;
+	let r = new Map(e.map((e) => [e.id, e]));
+	return t.map((t, n) => {
+		let i = r.get(t.id);
+		return i === void 0 ? e[n] : i;
+	});
+}, h = (e, n, i = p) => {
+	let a = t() ? null : s.LocalStorage.get(`@components/table-${e}`) || null, [o, c] = r({
+		name: e,
+		groups: i.groups || a?.groups || [],
+		sorters: i.sorters || a?.sorters || [],
+		filters: i.filters || a?.filters || [],
+		cols: m(n, a?.cols)
+	}, (e) => {
+		let n = (n) => {
+			let r = e.state(), i = {
+				...r,
+				...n
+			};
+			return t() || s.LocalStorage.set(`@components/table-${r.name}`, i), i;
+		};
+		return n(e.state()), { set: (e) => n(e) };
+	});
+	return {
+		...o,
+		...c,
+		name: e
+	};
+}, g = (e) => {
+	let t = n(e), r = a(null);
+	return [r, i((e) => {
+		t.current(e), e.forEach((e) => {
+			let t = r.current.querySelector(`th[data-tableheader="${e.id}"]`);
+			t && (t.style.width = "auto");
+		});
+	}, [t])];
+}, _ = () => t() ? void 0 : document.querySelector("[data-component=\"modal-body\"]");
+//#endregion
+export { _ as a, d as c, c as i, o as l, f as n, h as o, l as r, g as s, u as t };
+
+//# sourceMappingURL=table-lib-1bkYSklk.js.map

package/dist/table-lib-1bkYSklk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-lib-1bkYSklk.js","names":[],"sources":["../../../node_modules/.pnpm/storage-manager-js@4.2.6-5/node_modules/storage-manager-js/dist/index.js","../src/components/table/table-lib.ts"],"sourcesContent":["\"use strict\";Object.defineProperty(exports,Symbol.toStringTag,{value:\"Module\"});const k=(e,t)=>{try{Object.keys(e).forEach(t)}catch(o){window.console.log(o)}},i=e=>e==null,w=e=>{const t=typeof e;return t===\"string\"||t===\"number\"||t===\"boolean\"||i(e)},h=(e,t)=>{const o=t.getItem(e);try{return JSON.parse(o)}catch{return o??null}},u=e=>Object.keys(e).reduce((t,o)=>({...t,[o]:h(o,e)}),{}),p=e=>e instanceof Date?e:typeof e==\"number\"?new Date(new Date*1+e*864e5):e,d=\"1969-12-31T23:59:59.000Z\",S=()=>document.cookie===\"\"?{}:document.cookie.split(\"; \").map(t=>t.split(\"=\")).reduce((t,o)=>(t[decodeURIComponent(o[0].trim())]=decodeURIComponent(o[1].trim()),t),{}),c=new Set,a=()=>{const e=S();c.forEach(t=>t(e))},y=[{name:\"expires\",parse:e=>`expires=${p(e.expires??d)}`},{name:\"maxAge\",parse:e=>e.maxAge?`max-age=${p(e.expires??d)}`:\"\"},{name:\"path\",parse:e=>`path=${e.path??\"/\"}`},{name:\"sameSite\",parse:e=>`samesite=${e.sameSite??\"strict\"}`},{name:\"useSecure\",parse:e=>`${e.useSecure??!0?\"secure\":\"\"}`},{name:\"domain\",parse:e=>{const t=e.domain??\"\";return t===\"\"?\"\":`domain=${e.multiDomain?\".\":\"\"}${t}`}},{name:\"partitioned\",parse:e=>e.partitioned?\"Partitioned\":\"\"}],f={json:S,listener:e=>(c.add(e),()=>c.delete(e)),clearListeners:()=>c.clear(),has:e=>document.cookie.split(\";\").some(t=>t.trim().startsWith(`${e}=`)),deleteAll:()=>{document.cookie.split(\";\").forEach(e=>{document.cookie=e.replace(/^ +/,\"\").replace(/=.*/,`=;expires=${new Date().toUTCString()};path=/`)}),a()},get:e=>{const t=f.json()[e];if(i(t))return null;try{return JSON.parse(decodeURIComponent(t))}catch{return t}},delete:e=>{document.cookie=`${encodeURIComponent(e)}=;expires=${new Date().toUTCString()}`,a()},set:(e,t,o={})=>{const n=w(t)?t:encodeURIComponent(JSON.stringify(t)),s=y.reduce((r,$)=>{const m=$.parse(o);return m===\"\"?r:r.concat(m)},[`${encodeURIComponent(e)}=${n}`]).join(\";\");document.cookie=s,a()}},l=e=>{const t=new Set,o=n=>{e().removeItem(n);const s=u(e());t.forEach(r=>r(s))};return{delete:o,listener:n=>(t.add(n),()=>t.delete(n)),clearListeners:()=>t.clear(),json:(n=!1)=>n?u(e()):e(),has:n=>{const s=e().getItem(n);return!i(s)},deleteAll:()=>{k(e(),o),t.forEach(n=>n(e()))},get:n=>h(n,e()),set:(n,s)=>{e().setItem(n,JSON.stringify(s)),t.forEach(r=>r(e()))}}},I=l(()=>window.sessionStorage),C=l(()=>window.localStorage);exports.Cookie=f;exports.LocalStorage=C;exports.SessionStorage=I;exports.createStorage=l;\n//# sourceMappingURL=index.js.map\n","\"use client\";\nimport React, { useCallback, useRef } from \"react\";\nimport { AllPaths } from \"sidekicker\";\nimport { LocalStorage } from \"storage-manager-js\";\nimport { useReducer } from \"use-typed-reducer\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { isSsr } from \"../../lib/fns\";\nimport { Any, POJO, SetState } from \"../../types\";\nimport { OptionProps } from \"../form/select\";\nimport { FilterConfig } from \"./filter\";\nimport { GroupItem } from \"./group\";\nimport { Sorter } from \"./sort\";\n\nexport const getLabel = <T extends POJO>(col: Col<T>) => col.headerLabel ?? col.thead ?? (col.id as string);\n\nexport type TableConfiguration<T extends POJO, M extends POJO = Any> = M & {\n    cols: Col<T>[];\n    options: OptionProps[];\n};\n\nexport const createOptionCols = <T extends POJO>(cols: Col<T>[]): OptionProps[] =>\n    cols.map((opt) => ({\n        value: opt.id as string,\n        label: (opt.thead ?? opt.headerLabel ?? (opt.id as string)) as string,\n    }));\n\nexport enum ColType {\n    Boolean = \"boolean\",\n    Number = \"number\",\n    Select = \"select\",\n    Text = \"text\",\n}\n\nexport const valueFromType = (input: HTMLInputElement) => (input.type === \"number\" ? input.valueAsNumber : input.value);\n\ntype THead = React.ReactElement | React.ReactNode;\n\nexport type ColMatrix = `${number},${number}`;\n\n// ref: https://github.com/gvergnaud/hotscript/blob/main/src/internals/objects/impl/objects.ts\ntype ParsePath<path, output extends string[] = [], currentChunk extends string = \"\"> = path extends number\n    ? [`${path}`]\n    : path extends `${infer first}${infer rest}`\n      ? first extends \".\" | \"[\" | \"]\"\n          ? ParsePath<rest, [...output, ...(currentChunk extends \"\" ? [] : [currentChunk])], \"\">\n          : ParsePath<rest, output, `${currentChunk}${first}`>\n      : [...output, ...(currentChunk extends \"\" ? [] : [currentChunk])];\n\ntype RecursiveGet<Obj, pathList> = Obj extends any\n    ? pathList extends [infer first, ...infer rest]\n        ? first extends keyof Obj\n            ? RecursiveGet<Obj[first], rest>\n            : [first, Obj] extends [`${number}` | \"number\", readonly any[]]\n              ? RecursiveGet<Extract<Obj, any[]>[number], rest>\n              : undefined\n        : Obj\n    : never;\n\ntype GetFromPath<Obj, path> = RecursiveGet<Obj, ParsePath<path>>;\n\nexport type CellAsideElement<T extends POJO> = {\n    row: T;\n    rowIndex: number;\n    col: ColOptions<T, AllPaths<T>>;\n};\n\nexport type CellPropsElement<T extends POJO, K extends AllPaths<T>> = {\n    row: T;\n    value: GetFromPath<T, K>;\n    rowIndex: number;\n    matrix: ColMatrix;\n    col: ColOptions<T, K> & { id: K; thead: THead };\n};\n\ntype ColOptions<T extends POJO, K extends AllPaths<T>> = Partial<{\n    type: ColType;\n    allowSort: boolean;\n    headerLabel: string;\n    allowFilter: boolean;\n    Element: React.FC<CellPropsElement<T, K>>;\n    thProps: React.HTMLAttributes<HTMLTableCellElement>;\n    cellProps: React.HTMLAttributes<HTMLTableCellElement>;\n}>;\n\nexport type ColConstructor<T extends POJO> = {\n    getAll: () => Col<T>[];\n    remove: <K extends AllPaths<T>>(id: K) => void;\n    filter: (c: (c: Col<T>) => boolean) => Col<T>[];\n    add: <K extends AllPaths<T>>(id: K, thead: THead, props?: ColOptions<T, K>) => void;\n};\n\nconst cols =\n    <T extends POJO>() =>\n    <K extends AllPaths<T>>(id: K, thead: THead, options: ColOptions<T, K>) => ({ ...options, id, thead });\n\nexport type Col<T extends POJO> = ReturnType<ReturnType<typeof cols<T>>>;\n\nexport type TablePagination = {\n    size: number;\n    pages: number;\n    current: number;\n    hasNext: boolean;\n    sizes?: number[];\n    totalItems: number;\n    hasPrevious: boolean;\n    onChangeSize?: (size: number) => void;\n    asLink?: React.FC<React.PropsWithChildren<{ href: number | \"previous\" | \"next\"; className: string }>>;\n};\n\nexport type TableGetters<T extends POJO> = {\n    rows: T[];\n    cols: Col<T>[];\n    sorters: Sorter<T>[];\n    groups: GroupItem<T>[];\n    filters: FilterConfig<T>[];\n    pagination: TablePagination | null;\n};\n\ntype TableSetters<T extends POJO> = {\n    setCols: SetState<Col<T>[]>;\n    setSorters: SetState<Sorter<T>[]>;\n    setGroups: SetState<GroupItem<T>[]>;\n    setFilters: SetState<FilterConfig<T>[]>;\n};\n\nexport type TableOperationProps<T extends POJO> = TableConfiguration<\n    T,\n    TableSetters<T> &\n        TableGetters<T> & {\n            set?: (v: TableGetters<T>) => void;\n        } & {\n            inlineSorter: boolean;\n            inlineFilter: boolean;\n        }\n>;\n\nexport const createColumns = <T extends POJO>(callback: (o: ColConstructor<T>) => void) => {\n    let items: Col<T>[] = [];\n    const add: ColConstructor<T>[\"add\"] = (id, thead, options) => items.push({ ...options, id, thead } as Col<T>);\n    const remove: ColConstructor<T>[\"remove\"] = (id) => (items = items.filter((x) => x.id !== id));\n    const getAll: ColConstructor<T>[\"getAll\"] = () => Array.from(items);\n    const filter: ColConstructor<T>[\"filter\"] = (c) => (items = Array.from(items.filter(c)));\n    callback({ add, remove, getAll, filter });\n    return items;\n};\n\ntype TablePreferenceState<T extends POJO> = {\n    name: string;\n    cols: Col<T>[];\n    groups: GroupItem<T>[];\n    sorters: Sorter<T>[];\n    filters: FilterConfig<T>[];\n};\n\nconst noop = {};\n\nconst mergeCols = <T extends POJO>(cols: Col<T>[], saved?: Col<T>[]) => {\n    if (!Array.isArray(saved)) return cols;\n    const savedSet = new Set(saved.map((x) => x.id));\n    if (!cols.every((x) => savedSet.has(x.id))) {\n        return cols;\n    }\n    const map = new Map(cols.map((x) => [x.id, x]));\n    return saved.map((mock, index) => {\n        const original = map.get(mock.id);\n        if (original === undefined) return cols[index];\n        return original;\n    });\n};\n\nexport const useTablePreferences = <T extends POJO>(name: string, cols: Col<T>[], options: Partial<TableGetters<T>> = noop) => {\n    const init: TableGetters<T> | null = isSsr() ? null : (LocalStorage.get(`@components/table-${name}`) as TableGetters<T>) || null;\n    const [state, dispatch] = useReducer(\n        {\n            name,\n            groups: options.groups || init?.groups || [],\n            sorters: options.sorters || init?.sorters || [],\n            filters: options.filters || init?.filters || [],\n            cols: mergeCols(cols, init?.cols),\n        } as Omit<TableGetters<T>, \"rows\"> & { name: string },\n        (get) => {\n            const intercept = (partial: Partial<TablePreferenceState<T>>) => {\n                const prev = get.state();\n                const result = { ...prev, ...partial };\n                if (!isSsr()) LocalStorage.set(`@components/table-${prev.name}`, result);\n                return result;\n            };\n            intercept(get.state());\n            return {\n                set: (getters: TableGetters<T>) => intercept(getters),\n            };\n        }\n    );\n    return { ...state, ...dispatch, name };\n};\n\nexport const useWidthControl = <T extends object>(reorder: (c: Col<T>[]) => void) => {\n    const stableRef = useStableRef(reorder);\n    const ref = useRef<HTMLTableRowElement>(null);\n    const onChange = useCallback(\n        (cols: Col<T>[]) => {\n            stableRef.current(cols);\n            cols.forEach((x) => {\n                const c = ref.current!.querySelector(`th[data-tableheader=\"${x.id}\"]`) as HTMLElement | null;\n                if (!c) return;\n                c.style.width = \"auto\";\n            });\n        },\n        [stableRef]\n    );\n    return [ref, onChange] as const;\n};\n\nexport const getModalScrollerRef = () => (isSsr() ? undefined : (document.querySelector(`[data-component=\"modal-body\"]`) as HTMLElement));\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/{tabs-Ciy0l9OF.js → tabs-Brc963EW.js}

@@ -1,5 +1,5 @@
 import { p as e, t } from "./dom-Bn4wY_Zx.js";
-import { t as n } from "./polymorph-BLXhrn9n.js";
+import { Polymorph as n } from "./components/core/polymorph.js";
 import { t as r } from "./use-stable-ref-D5LFCx0u.js";
 import { Card as i } from "./components/display/card.js";
 import a, { createContext as o, useContext as s, useEffect as c, useRef as l, useState as u } from "react";
@@ -119,4 +119,4 @@ var p = (e, t) => {
 //#endregion
 export { x as n, p as r, C as t };
 
-//# sourceMappingURL=tabs-Ciy0l9OF.js.map
+//# sourceMappingURL=tabs-Brc963EW.js.map

package/dist/{tabs-Ciy0l9OF.js.map → tabs-Brc963EW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-Ciy0l9OF.js","names":[],"sources":["../src/hooks/use-reactive.ts","../src/lib/keyboard-area.ts","../src/components/display/tabs.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n\nexport const useReactive = <T>(t: T, initial?: T) => {\n    const [state, setState] = useState(() => (initial ? initial : t));\n    useEffect(() => {\n        setState(t);\n    }, [t]);\n    return [state, setState] as const;\n};\n","import React from \"react\";\n\ntype EventKey =\n    | \"Backspace\"\n    | \"Tab\"\n    | \"Enter\"\n    | \"Shift\"\n    | \"Control\"\n    | \"Alt\"\n    | \"Pause\"\n    | \"CapsLock\"\n    | \"Escape\"\n    | \"Space\"\n    | \"PageUp\"\n    | \"PageDown\"\n    | \"End\"\n    | \"Home\"\n    | \"ArrowLeft\"\n    | \"ArrowUp\"\n    | \"ArrowRight\"\n    | \"ArrowDown\"\n    | \"PrintScreen\"\n    | \"Insert\"\n    | \"Delete\"\n    | \"0\"\n    | \"1\"\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"a\"\n    | \"b\"\n    | \"c\"\n    | \"d\"\n    | \"e\"\n    | \"f\"\n    | \"g\"\n    | \"h\"\n    | \"i\"\n    | \"j\"\n    | \"k\"\n    | \"l\"\n    | \"m\"\n    | \"n\"\n    | \"o\"\n    | \"p\"\n    | \"q\"\n    | \"r\"\n    | \"s\"\n    | \"t\"\n    | \"u\"\n    | \"v\"\n    | \"w\"\n    | \"x\"\n    | \"y\"\n    | \"z\"\n    | \"Meta\"\n    | \"ContextMenu\"\n    | \"F1\"\n    | \"F2\"\n    | \"F3\"\n    | \"F4\"\n    | \"F5\"\n    | \"F6\"\n    | \"F7\"\n    | \"F8\"\n    | \"F9\"\n    | \"F10\"\n    | \"F11\"\n    | \"F12\"\n    | \"NumLock\"\n    | \"ScrollLock\"\n    | \"AudioVolumeMute\"\n    | \"AudioVolumeUp\"\n    | \"AudioVolumeDown\"\n    | \"MediaTrackNext\"\n    | \"MediaTrackPrevious\"\n    | \"MediaStop\"\n    | \"MediaPlayPause\"\n    | \"LaunchMail\"\n    | \"LaunchMediaPlayer\"\n    | \"LaunchApplication1\"\n    | \"LaunchApplication2\"\n    | \"Semicolon\"\n    | \"Equal\"\n    | \"Comma\"\n    | \"Minus\"\n    | \"Period\"\n    | \"Slash\"\n    | \"Backquote\"\n    | \"BracketLeft\"\n    | \"Backslash\"\n    | \"BracketRight\"\n    | \"Quote\";\n\nexport const keyboardKeys = {\n    ArrowUp: \"ArrowUp\",\n    ArrowDown: \"ArrowDown\",\n    ArrowLeft: \"ArrowLeft\",\n    ArrowRight: \"ArrowRight\",\n} as const;\n\ntype Callback<T extends HTMLElement = HTMLElement> = (e: KeyboardEvent | React.KeyboardEvent<T>) => void;\n\nexport class KeyboardArea<T extends HTMLElement> {\n    private set = new Set();\n\n    public key(key: EventKey, callback: Callback<T>) {\n        const fn: Callback<T> = (e) => (e.key === key ? callback(e) : undefined);\n        return () => this.set.delete(fn);\n    }\n\n    public onKeyDown(_: Callback<T>) {}\n}\n","\"use client\";\nimport React, { createContext, PropsWithChildren, useContext, useEffect, useRef } from \"react\";\nimport { Is, Nullable } from \"sidekicker\";\nimport { useReactive } from \"../../hooks/use-reactive\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\nimport { keyboardKeys } from \"../../lib/keyboard-area\";\nimport { Label } from \"../../types\";\nimport { Polymorph } from \"../core/polymorph\";\nimport { Card, CardProps } from \"./card\";\n\nexport type TabsProps = Omit<CardProps<\"div\">, \"onChange\"> & {\n    active: string;\n    container?: string;\n    className?: string;\n    onChange?: (id: string) => void;\n};\n\nconst Context = createContext<string>(\"\");\n\nconst isElementDisabled = (element: HTMLElement): boolean => element.hasAttribute(\"disabled\") || element.getAttribute(\"aria-disabled\") === \"true\";\n\nconst getNElement = (elements: HTMLElement[], currentIndex: number, direction: \"backward\" | \"forward\"): HTMLElement | null => {\n    const step = direction === \"forward\" ? 1 : -1;\n    const startIndex = currentIndex + step;\n    for (let i = startIndex; i >= 0 && i < elements.length; i += step) {\n        const element = elements[i];\n        if (!isElementDisabled(element)) return element;\n    }\n    return direction === \"backward\" ? getNElement(elements, elements.length - 1, \"backward\") : getNElement(elements, -1, \"forward\");\n};\n\nconst moveOn = (ul: HTMLUListElement, direction: \"backward\" | \"forward\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const find = items.findIndex((x) => x.dataset.active === \"true\");\n    if (find === -1) return null;\n    const item = getNElement(items, find, direction);\n    if (item === null) return null;\n    item.querySelector(\"button\")?.focus({ preventScroll: false });\n    return item.getAttribute(\"data-id\") || \"\";\n};\n\nconst moveToEdge = (ul: HTMLUListElement, edge: \"first\" | \"last\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const ordered = edge === \"first\" ? items : [...items].reverse();\n    for (const item of ordered) {\n        if (!isElementDisabled(item)) {\n            item.querySelector(\"button\")?.focus({ preventScroll: false });\n            return item.getAttribute(\"data-id\") || \"\";\n        }\n    }\n    return null;\n};\n\nconst actionKeys = {\n    [keyboardKeys.ArrowLeft]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"backward\"),\n    [keyboardKeys.ArrowRight]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"forward\"),\n};\n\nexport const Tabs = (props: PropsWithChildren<TabsProps>) => {\n    const [active, setActive] = useReactive(props.active);\n    const ref = useRef<HTMLUListElement | null>(null);\n    const onChangeRef = useStableRef(props.onChange);\n\n    useEffect(() => {\n        const header = ref.current;\n        if (header === null) return;\n        let first = header.querySelector<HTMLElement>(`li[data-active=true]`);\n        if (first === null) {\n            first = header.querySelector<HTMLElement>(`li[data-id]`)!;\n            const id = first.getAttribute(\"data-id\") || \"\";\n            setActive(id);\n        }\n    }, [props.active, setActive]);\n\n    useEffect(() => {\n        if (onChangeRef.current) onChangeRef.current(active);\n    }, [onChangeRef, active]);\n\n    const items = React.Children.toArray(props.children as React.ReactElement<TabProps>) as Array<React.ReactElement<TabProps>>;\n\n    const onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n        const anchor = e.currentTarget;\n        setActive(anchor.dataset.id || \"\");\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n        if (ref.current === null) return;\n        const k = e.key;\n        if (Is.keyof(actionKeys, k)) {\n            const fn = actionKeys[k];\n            const result = fn(e, ref.current);\n            if (result === null) return;\n            setActive(result);\n        } else if (k === \"Home\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"first\");\n            if (result) setActive(result);\n        } else if (k === \"End\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"last\");\n            if (result) setActive(result);\n        }\n    };\n\n    return (\n        <Context.Provider value={active}>\n            <Card\n                className={props.className}\n                container={css(\"pt-0 max-w-full w-full min-w-0\", props.container)}\n                header={\n                    <header className=\"relative mb-tabs-header-mb overflow-x-auto\">\n                        <div className=\"absolute bottom-0 h-tabs-divider-h w-full bg-card-border\" />\n                        <nav className=\"min-w-0\">\n                            <ul role=\"tablist\" onKeyDown={onKeyDown} ref={ref} className=\"flex w-0 min-w-full flex-1 justify-start overflow-x-auto\">\n                                {items.map((x: React.ReactElement<TabProps>) => {\n                                    const inner = x.props;\n                                    const current = active === inner.id;\n                                    return (\n                                        <li\n                                            data-id={inner.id}\n                                            data-active={current}\n                                            key={`tab-header-${inner.id}`}\n                                            className={css(\n                                                \"relative w-fit border-b border-transparent transition-all\",\n                                                current ? \"border-primary font-medium text-primary\" : \"\",\n                                                inner.disabled ? \"aria-disabled:text-disabled\" : \"\"\n                                            )}\n                                        >\n                                            <Polymorph\n                                                role=\"tab\"\n                                                as=\"button\"\n                                                type=\"button\"\n                                                data-id={inner.id}\n                                                id={`${inner.id}-tab`}\n                                                aria-selected={current}\n                                                disabled={inner.disabled}\n                                                tabIndex={current ? 0 : -1}\n                                                aria-controls={`${inner.id}-panel`}\n                                                onClick={inner.disabled ? undefined : onClick}\n                                                className=\"block w-full whitespace-nowrap px-tabs-item-px py-tabs-item-py disabled:cursor-not-allowed\"\n                                            >\n                                                {inner.title as React.ReactNode}\n                                            </Polymorph>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        </nav>\n                    </header>\n                }\n            >\n                {props.children}\n            </Card>\n        </Context.Provider>\n    );\n};\n\nconst useTabs = () => useContext(Context);\n\ntype CommonTabProps = { id: string; disabled?: boolean };\n\nexport type TabProps = CommonTabProps &\n    (\n        | { title: string; label?: undefined }\n        | {\n              label: string;\n              title: Omit<Label, string>;\n          }\n    );\n\nexport const Tab = (props: PropsWithChildren<TabProps>) => {\n    const active = useTabs();\n    if (props.id !== active) return null;\n    return (\n        <div role=\"tabpanel\" tabIndex={0} id={`${props.id}-panel`} aria-labelledby={`${props.id}-tab`}>\n            {props.children}\n        </div>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"tabs-Brc963EW.js","names":[],"sources":["../src/hooks/use-reactive.ts","../src/lib/keyboard-area.ts","../src/components/display/tabs.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n\nexport const useReactive = <T>(t: T, initial?: T) => {\n    const [state, setState] = useState(() => (initial ? initial : t));\n    useEffect(() => {\n        setState(t);\n    }, [t]);\n    return [state, setState] as const;\n};\n","import React from \"react\";\n\ntype EventKey =\n    | \"Backspace\"\n    | \"Tab\"\n    | \"Enter\"\n    | \"Shift\"\n    | \"Control\"\n    | \"Alt\"\n    | \"Pause\"\n    | \"CapsLock\"\n    | \"Escape\"\n    | \"Space\"\n    | \"PageUp\"\n    | \"PageDown\"\n    | \"End\"\n    | \"Home\"\n    | \"ArrowLeft\"\n    | \"ArrowUp\"\n    | \"ArrowRight\"\n    | \"ArrowDown\"\n    | \"PrintScreen\"\n    | \"Insert\"\n    | \"Delete\"\n    | \"0\"\n    | \"1\"\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"a\"\n    | \"b\"\n    | \"c\"\n    | \"d\"\n    | \"e\"\n    | \"f\"\n    | \"g\"\n    | \"h\"\n    | \"i\"\n    | \"j\"\n    | \"k\"\n    | \"l\"\n    | \"m\"\n    | \"n\"\n    | \"o\"\n    | \"p\"\n    | \"q\"\n    | \"r\"\n    | \"s\"\n    | \"t\"\n    | \"u\"\n    | \"v\"\n    | \"w\"\n    | \"x\"\n    | \"y\"\n    | \"z\"\n    | \"Meta\"\n    | \"ContextMenu\"\n    | \"F1\"\n    | \"F2\"\n    | \"F3\"\n    | \"F4\"\n    | \"F5\"\n    | \"F6\"\n    | \"F7\"\n    | \"F8\"\n    | \"F9\"\n    | \"F10\"\n    | \"F11\"\n    | \"F12\"\n    | \"NumLock\"\n    | \"ScrollLock\"\n    | \"AudioVolumeMute\"\n    | \"AudioVolumeUp\"\n    | \"AudioVolumeDown\"\n    | \"MediaTrackNext\"\n    | \"MediaTrackPrevious\"\n    | \"MediaStop\"\n    | \"MediaPlayPause\"\n    | \"LaunchMail\"\n    | \"LaunchMediaPlayer\"\n    | \"LaunchApplication1\"\n    | \"LaunchApplication2\"\n    | \"Semicolon\"\n    | \"Equal\"\n    | \"Comma\"\n    | \"Minus\"\n    | \"Period\"\n    | \"Slash\"\n    | \"Backquote\"\n    | \"BracketLeft\"\n    | \"Backslash\"\n    | \"BracketRight\"\n    | \"Quote\";\n\nexport const keyboardKeys = {\n    ArrowUp: \"ArrowUp\",\n    ArrowDown: \"ArrowDown\",\n    ArrowLeft: \"ArrowLeft\",\n    ArrowRight: \"ArrowRight\",\n} as const;\n\ntype Callback<T extends HTMLElement = HTMLElement> = (e: KeyboardEvent | React.KeyboardEvent<T>) => void;\n\nexport class KeyboardArea<T extends HTMLElement> {\n    private set = new Set();\n\n    public key(key: EventKey, callback: Callback<T>) {\n        const fn: Callback<T> = (e) => (e.key === key ? callback(e) : undefined);\n        return () => this.set.delete(fn);\n    }\n\n    public onKeyDown(_: Callback<T>) {}\n}\n","\"use client\";\nimport React, { createContext, PropsWithChildren, useContext, useEffect, useRef } from \"react\";\nimport { Is, Nullable } from \"sidekicker\";\nimport { useReactive } from \"../../hooks/use-reactive\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\nimport { keyboardKeys } from \"../../lib/keyboard-area\";\nimport { Label } from \"../../types\";\nimport { Polymorph } from \"../core/polymorph\";\nimport { Card, CardProps } from \"./card\";\n\nexport type TabsProps = Omit<CardProps<\"div\">, \"onChange\"> & {\n    active: string;\n    container?: string;\n    className?: string;\n    onChange?: (id: string) => void;\n};\n\nconst Context = createContext<string>(\"\");\n\nconst isElementDisabled = (element: HTMLElement): boolean => element.hasAttribute(\"disabled\") || element.getAttribute(\"aria-disabled\") === \"true\";\n\nconst getNElement = (elements: HTMLElement[], currentIndex: number, direction: \"backward\" | \"forward\"): HTMLElement | null => {\n    const step = direction === \"forward\" ? 1 : -1;\n    const startIndex = currentIndex + step;\n    for (let i = startIndex; i >= 0 && i < elements.length; i += step) {\n        const element = elements[i];\n        if (!isElementDisabled(element)) return element;\n    }\n    return direction === \"backward\" ? getNElement(elements, elements.length - 1, \"backward\") : getNElement(elements, -1, \"forward\");\n};\n\nconst moveOn = (ul: HTMLUListElement, direction: \"backward\" | \"forward\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const find = items.findIndex((x) => x.dataset.active === \"true\");\n    if (find === -1) return null;\n    const item = getNElement(items, find, direction);\n    if (item === null) return null;\n    item.querySelector(\"button\")?.focus({ preventScroll: false });\n    return item.getAttribute(\"data-id\") || \"\";\n};\n\nconst moveToEdge = (ul: HTMLUListElement, edge: \"first\" | \"last\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const ordered = edge === \"first\" ? items : [...items].reverse();\n    for (const item of ordered) {\n        if (!isElementDisabled(item)) {\n            item.querySelector(\"button\")?.focus({ preventScroll: false });\n            return item.getAttribute(\"data-id\") || \"\";\n        }\n    }\n    return null;\n};\n\nconst actionKeys = {\n    [keyboardKeys.ArrowLeft]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"backward\"),\n    [keyboardKeys.ArrowRight]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"forward\"),\n};\n\nexport const Tabs = (props: PropsWithChildren<TabsProps>) => {\n    const [active, setActive] = useReactive(props.active);\n    const ref = useRef<HTMLUListElement | null>(null);\n    const onChangeRef = useStableRef(props.onChange);\n\n    useEffect(() => {\n        const header = ref.current;\n        if (header === null) return;\n        let first = header.querySelector<HTMLElement>(`li[data-active=true]`);\n        if (first === null) {\n            first = header.querySelector<HTMLElement>(`li[data-id]`)!;\n            const id = first.getAttribute(\"data-id\") || \"\";\n            setActive(id);\n        }\n    }, [props.active, setActive]);\n\n    useEffect(() => {\n        if (onChangeRef.current) onChangeRef.current(active);\n    }, [onChangeRef, active]);\n\n    const items = React.Children.toArray(props.children as React.ReactElement<TabProps>) as Array<React.ReactElement<TabProps>>;\n\n    const onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n        const anchor = e.currentTarget;\n        setActive(anchor.dataset.id || \"\");\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n        if (ref.current === null) return;\n        const k = e.key;\n        if (Is.keyof(actionKeys, k)) {\n            const fn = actionKeys[k];\n            const result = fn(e, ref.current);\n            if (result === null) return;\n            setActive(result);\n        } else if (k === \"Home\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"first\");\n            if (result) setActive(result);\n        } else if (k === \"End\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"last\");\n            if (result) setActive(result);\n        }\n    };\n\n    return (\n        <Context.Provider value={active}>\n            <Card\n                className={props.className}\n                container={css(\"pt-0 max-w-full w-full min-w-0\", props.container)}\n                header={\n                    <header className=\"relative mb-tabs-header-mb overflow-x-auto\">\n                        <div className=\"absolute bottom-0 h-tabs-divider-h w-full bg-card-border\" />\n                        <nav className=\"min-w-0\">\n                            <ul role=\"tablist\" onKeyDown={onKeyDown} ref={ref} className=\"flex w-0 min-w-full flex-1 justify-start overflow-x-auto\">\n                                {items.map((x: React.ReactElement<TabProps>) => {\n                                    const inner = x.props;\n                                    const current = active === inner.id;\n                                    return (\n                                        <li\n                                            data-id={inner.id}\n                                            data-active={current}\n                                            key={`tab-header-${inner.id}`}\n                                            className={css(\n                                                \"relative w-fit border-b border-transparent transition-all\",\n                                                current ? \"border-primary font-medium text-primary\" : \"\",\n                                                inner.disabled ? \"aria-disabled:text-disabled\" : \"\"\n                                            )}\n                                        >\n                                            <Polymorph\n                                                role=\"tab\"\n                                                as=\"button\"\n                                                type=\"button\"\n                                                data-id={inner.id}\n                                                id={`${inner.id}-tab`}\n                                                aria-selected={current}\n                                                disabled={inner.disabled}\n                                                tabIndex={current ? 0 : -1}\n                                                aria-controls={`${inner.id}-panel`}\n                                                onClick={inner.disabled ? undefined : onClick}\n                                                className=\"block w-full whitespace-nowrap px-tabs-item-px py-tabs-item-py disabled:cursor-not-allowed\"\n                                            >\n                                                {inner.title as React.ReactNode}\n                                            </Polymorph>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        </nav>\n                    </header>\n                }\n            >\n                {props.children}\n            </Card>\n        </Context.Provider>\n    );\n};\n\nconst useTabs = () => useContext(Context);\n\ntype CommonTabProps = { id: string; disabled?: boolean };\n\nexport type TabProps = CommonTabProps &\n    (\n        | { title: string; label?: undefined }\n        | {\n              label: string;\n              title: Omit<Label, string>;\n          }\n    );\n\nexport const Tab = (props: PropsWithChildren<TabProps>) => {\n    const active = useTabs();\n    if (props.id !== active) return null;\n    return (\n        <div role=\"tabpanel\" tabIndex={0} id={`${props.id}-panel`} aria-labelledby={`${props.id}-tab`}>\n            {props.children}\n        </div>\n    );\n};\n"],"mappings":"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"}