@adaptive-ds/solid-ui 0.13.0 → 0.14.0

package/dist/static/timeline/Timeline.js

@@ -1,137 +1,140 @@
-import { insert, createComponent, memo, effect, setStyleProperty, template, spread, mergeProps as mergeProps$1, className } from "solid-js/web";
-import { mergeProps, splitProps, Show } from "solid-js";
 import { classMerge } from "../../utils/classMerge.js";
+import { Show, mergeProps, splitProps } from "solid-js";
+import { className, createComponent, effect, insert, memo, mergeProps as mergeProps$1, setStyleProperty, spread, template } from "solid-js/web";
+//#region ui/static/timeline/Timeline.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<ul>`), _tmpl$2 = /* @__PURE__ */ template(`<li>`), _tmpl$3 = /* @__PURE__ */ template(`<div aria-hidden=true>`), _tmpl$4 = /* @__PURE__ */ template(`<div class="mb-1 text-base font-semibold leading-none">`), _tmpl$5 = /* @__PURE__ */ template(`<p>`);
-const Timeline = (rawProps) => {
-  const p = mergeProps({
-    bulletSize: 16,
-    lineSize: 2
-  }, rawProps);
-  return (() => {
-    var _el$ = _tmpl$();
-    insert(_el$, () => p.items.map((item, index) => {
-      return createComponent(TimelineItem, {
-        get title() {
-          return item.title;
-        },
-        get description() {
-          return item.description;
-        },
-        get bullet() {
-          return item.bullet;
-        },
-        get isLast() {
-          return index === p.items.length - 1;
-        },
-        get isActive() {
-          return memo(() => p.activeItem === -1)() ? false : p.activeItem >= index + 1;
-        },
-        get isActiveBullet() {
-          return memo(() => p.activeItem === -1)() ? false : p.activeItem >= index;
-        },
-        get bulletSize() {
-          return p.bulletSize;
-        },
-        get lineSize() {
-          return p.lineSize;
-        }
-      });
-    }));
-    effect((_$p) => setStyleProperty(_el$, "padding-left", `${p.bulletSize / 2}px`));
-    return _el$;
-  })();
+var Timeline = (rawProps) => {
+	const p = mergeProps({
+		bulletSize: 16,
+		lineSize: 2
+	}, rawProps);
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => p.items.map((item, index) => {
+			return createComponent(TimelineItem, {
+				get title() {
+					return item.title;
+				},
+				get description() {
+					return item.description;
+				},
+				get bullet() {
+					return item.bullet;
+				},
+				get isLast() {
+					return index === p.items.length - 1;
+				},
+				get isActive() {
+					return memo(() => p.activeItem === -1)() ? false : p.activeItem >= index + 1;
+				},
+				get isActiveBullet() {
+					return memo(() => p.activeItem === -1)() ? false : p.activeItem >= index;
+				},
+				get bulletSize() {
+					return p.bulletSize;
+				},
+				get lineSize() {
+					return p.lineSize;
+				}
+			});
+		}));
+		effect((_$p) => setStyleProperty(_el$, "padding-left", `${p.bulletSize / 2}px`));
+		return _el$;
+	})();
 };
-const TimelineItem = (p) => {
-  const [s, rest] = splitProps(p, ["class", "bullet", "description", "title", "isLast", "isActive", "isActiveBullet", "bulletSize", "lineSize"]);
-  return (() => {
-    var _el$2 = _tmpl$2();
-    spread(_el$2, mergeProps$1({
-      get ["class"]() {
-        return classMerge("relative border-l pb-8 pl-8", s.isLast && "border-l-transparent pb-0", s.isActive && !s.isLast && "border-l-primary", s.class);
-      },
-      get style() {
-        return {
-          "border-left-width": `${s.lineSize}px`
-        };
-      }
-    }, rest), false, true);
-    insert(_el$2, createComponent(TimelineItemBullet, {
-      get lineSize() {
-        return s.lineSize;
-      },
-      get bulletSize() {
-        return s.bulletSize;
-      },
-      get isActive() {
-        return s.isActiveBullet;
-      },
-      get children() {
-        return s.bullet;
-      }
-    }), null);
-    insert(_el$2, createComponent(TimelineItemTitle, {
-      get children() {
-        return s.title;
-      }
-    }), null);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return s.description;
-      },
-      get children() {
-        return createComponent(TimelineItemDescription, {
-          get children() {
-            return s.description;
-          }
-        });
-      }
-    }), null);
-    return _el$2;
-  })();
+var TimelineItem = (p) => {
+	const [s, rest] = splitProps(p, [
+		"class",
+		"bullet",
+		"description",
+		"title",
+		"isLast",
+		"isActive",
+		"isActiveBullet",
+		"bulletSize",
+		"lineSize"
+	]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps$1({
+			get ["class"]() {
+				return classMerge("relative border-l pb-8 pl-8", s.isLast && "border-l-transparent pb-0", s.isActive && !s.isLast && "border-l-primary", s.class);
+			},
+			get style() {
+				return { "border-left-width": `${s.lineSize}px` };
+			}
+		}, rest), false, true);
+		insert(_el$2, createComponent(TimelineItemBullet, {
+			get lineSize() {
+				return s.lineSize;
+			},
+			get bulletSize() {
+				return s.bulletSize;
+			},
+			get isActive() {
+				return s.isActiveBullet;
+			},
+			get children() {
+				return s.bullet;
+			}
+		}), null);
+		insert(_el$2, createComponent(TimelineItemTitle, { get children() {
+			return s.title;
+		} }), null);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return s.description;
+			},
+			get children() {
+				return createComponent(TimelineItemDescription, { get children() {
+					return s.description;
+				} });
+			}
+		}), null);
+		return _el$2;
+	})();
 };
-const TimelineItemBullet = (p) => {
-  return (() => {
-    var _el$3 = _tmpl$3();
-    insert(_el$3, () => p.children);
-    effect((_p$) => {
-      var _v$ = classMerge(`absolute top-0 flex items-center justify-center rounded-full border`, p.isActive && "border-primary"), _v$2 = `${p.bulletSize}px`, _v$3 = `${p.bulletSize}px`, _v$4 = `${-p.bulletSize / 2 - p.lineSize / 2}px`, _v$5 = `${p.lineSize}px`;
-      _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-      _v$2 !== _p$.t && setStyleProperty(_el$3, "width", _p$.t = _v$2);
-      _v$3 !== _p$.a && setStyleProperty(_el$3, "height", _p$.a = _v$3);
-      _v$4 !== _p$.o && setStyleProperty(_el$3, "left", _p$.o = _v$4);
-      _v$5 !== _p$.i && setStyleProperty(_el$3, "border-width", _p$.i = _v$5);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    });
-    return _el$3;
-  })();
+var TimelineItemBullet = (p) => {
+	return (() => {
+		var _el$3 = _tmpl$3();
+		insert(_el$3, () => p.children);
+		effect((_p$) => {
+			var _v$ = classMerge(`absolute top-0 flex items-center justify-center rounded-full border`, p.isActive && "border-primary"), _v$2 = `${p.bulletSize}px`, _v$3 = `${p.bulletSize}px`, _v$4 = `${-p.bulletSize / 2 - p.lineSize / 2}px`, _v$5 = `${p.lineSize}px`;
+			_v$ !== _p$.e && className(_el$3, _p$.e = _v$);
+			_v$2 !== _p$.t && setStyleProperty(_el$3, "width", _p$.t = _v$2);
+			_v$3 !== _p$.a && setStyleProperty(_el$3, "height", _p$.a = _v$3);
+			_v$4 !== _p$.o && setStyleProperty(_el$3, "left", _p$.o = _v$4);
+			_v$5 !== _p$.i && setStyleProperty(_el$3, "border-width", _p$.i = _v$5);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0
+		});
+		return _el$3;
+	})();
 };
-const TimelineItemTitle = (p) => {
-  return (() => {
-    var _el$4 = _tmpl$4();
-    insert(_el$4, () => p.children);
-    return _el$4;
-  })();
+var TimelineItemTitle = (p) => {
+	return (() => {
+		var _el$4 = _tmpl$4();
+		insert(_el$4, () => p.children);
+		return _el$4;
+	})();
 };
-const TimelineItemDescription = (p) => {
-  const [s, rest] = splitProps(p, ["class", "children"]);
-  return (() => {
-    var _el$5 = _tmpl$5();
-    spread(_el$5, mergeProps$1({
-      get ["class"]() {
-        return classMerge("text-muted-foreground text-sm", s.class);
-      }
-    }, rest), false, true);
-    insert(_el$5, () => s.children);
-    return _el$5;
-  })();
+var TimelineItemDescription = (p) => {
+	const [s, rest] = splitProps(p, ["class", "children"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps$1({ get ["class"]() {
+			return classMerge("text-muted-foreground text-sm", s.class);
+		} }, rest), false, true);
+		insert(_el$5, () => s.children);
+		return _el$5;
+	})();
 };
-export {
-  Timeline
-};
-//# sourceMappingURL=Timeline.js.map
+//#endregion
+export { Timeline };
+
+//# sourceMappingURL=Timeline.js.map

package/dist/static/timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../lib/static/timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentProps, ParentComponent } from \"solid-js\"\nimport { type Component, type JSXElement, mergeProps, Show, splitProps } from \"solid-js\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nexport interface TimelinePropsItem\n  extends Omit<TimelineItemProps, \"isActive\" | \"isActiveBullet\" | \"bulletSize\" | \"lineSize\"> {\n  bulletSize?: number\n}\n\nexport type TimelineProps = {\n  items: TimelinePropsItem[]\n  activeItem: number\n  bulletSize?: number\n  lineSize?: number\n}\n\n/*\n  No bullet or line is active when activeItem is -1\n  First bullet is active only if activeItem is 0 or more\n  First line is active only if activeItem is 1 or more\n*/\n\nconst Timeline: Component<TimelineProps> = (rawProps) => {\n  const p = mergeProps({ bulletSize: 16, lineSize: 2 }, rawProps)\n\n  return (\n    <ul\n      style={{\n        \"padding-left\": `${p.bulletSize / 2}px`,\n      }}\n    >\n      {p.items.map((item, index) => {\n        return (\n          <TimelineItem\n            title={item.title}\n            description={item.description}\n            bullet={item.bullet}\n            isLast={index === p.items.length - 1}\n            isActive={p.activeItem === -1 ? false : p.activeItem >= index + 1}\n            isActiveBullet={p.activeItem === -1 ? false : p.activeItem >= index}\n            bulletSize={p.bulletSize}\n            lineSize={p.lineSize}\n          />\n        )\n      })}\n    </ul>\n  )\n}\n\nexport type TimelineItemProps = {\n  title: JSXElement\n  description?: JSXElement\n  bullet?: JSXElement\n  isLast?: boolean\n  isActive: boolean\n  isActiveBullet: boolean\n  class?: string\n  bulletSize: number\n  lineSize: number\n}\n\nconst TimelineItem: Component<TimelineItemProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    \"class\",\n    \"bullet\",\n    \"description\",\n    \"title\",\n    \"isLast\",\n    \"isActive\",\n    \"isActiveBullet\",\n    \"bulletSize\",\n    \"lineSize\",\n  ])\n  return (\n    <li\n      class={classMerge(\n        \"relative border-l pb-8 pl-8\",\n        s.isLast && \"border-l-transparent pb-0\",\n        s.isActive && !s.isLast && \"border-l-primary\",\n        s.class,\n      )}\n      style={{\n        \"border-left-width\": `${s.lineSize}px`,\n      }}\n      {...rest}\n    >\n      <TimelineItemBullet lineSize={s.lineSize} bulletSize={s.bulletSize} isActive={s.isActiveBullet}>\n        {s.bullet}\n      </TimelineItemBullet>\n      <TimelineItemTitle>{s.title}</TimelineItemTitle>\n      <Show when={s.description}>\n        <TimelineItemDescription>{s.description}</TimelineItemDescription>\n      </Show>\n    </li>\n  )\n}\n\nexport type TimelineItemBulletProps = {\n  children?: JSXElement\n  isActive?: boolean\n  bulletSize: number\n  lineSize: number\n}\n\nconst TimelineItemBullet: Component<TimelineItemBulletProps> = (p) => {\n  return (\n    <div\n      class={classMerge(\n        `absolute top-0 flex items-center justify-center rounded-full border`,\n        p.isActive && \"border-primary\",\n      )}\n      style={{\n        width: `${p.bulletSize}px`,\n        height: `${p.bulletSize}px`,\n        left: `${-p.bulletSize / 2 - p.lineSize / 2}px`,\n        \"border-width\": `${p.lineSize}px`,\n      }}\n      aria-hidden=\"true\"\n    >\n      {p.children}\n    </div>\n  )\n}\n\nconst TimelineItemTitle: ParentComponent = (p) => {\n  return <div class={\"mb-1 text-base font-semibold leading-none\"}>{p.children}</div>\n}\n\nconst TimelineItemDescription: Component<ComponentProps<\"p\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\", \"children\"])\n  return (\n    <p class={classMerge(\"text-muted-foreground text-sm\", s.class)} {...rest}>\n      {s.children}\n    </p>\n  )\n}\n\nexport { Timeline }\n"],"names":["Timeline","rawProps","p","mergeProps","bulletSize","lineSize","_el$","_tmpl$","_$insert","items","map","item","index","_$createComponent","TimelineItem","title","description","bullet","isLast","length","isActive","_$memo","activeItem","isActiveBullet","_$effect","_$p","_$setStyleProperty","s","rest","splitProps","_el$2","_tmpl$2","_$spread","_$mergeProps","classMerge","class","style","TimelineItemBullet","children","TimelineItemTitle","Show","when","TimelineItemDescription","_el$3","_tmpl$3","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","a","o","i","undefined","_el$4","_tmpl$4","_el$5","_tmpl$5"],"mappings":"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"}
+{"version":3,"file":"Timeline.js","names":["classMerge","ComponentProps","ParentComponent","Component","JSXElement","mergeProps","Show","splitProps","TimelinePropsItem","Omit","TimelineItemProps","bulletSize","TimelineProps","items","activeItem","lineSize","Timeline","rawProps","p","_el$","_tmpl$","_$insert","map","item","index","_$createComponent","TimelineItem","title","description","bullet","isLast","length","isActive","_$memo","isActiveBullet","_$effect","_$p","_$setStyleProperty","class","s","rest","_el$2","_tmpl$2","_$spread","_$mergeProps","style","TimelineItemBullet","children","TimelineItemTitle","when","TimelineItemDescription","TimelineItemBulletProps","_el$3","_tmpl$3","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","a","o","i","undefined","_el$4","_tmpl$4","_el$5","_tmpl$5"],"sources":["../../../ui/static/timeline/Timeline.tsx"],"sourcesContent":["import { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { ComponentProps, ParentComponent } from \"solid-js\"\nimport { type Component, type JSXElement, mergeProps, Show, splitProps } from \"solid-js\"\n\nexport interface TimelinePropsItem\n  extends Omit<TimelineItemProps, \"isActive\" | \"isActiveBullet\" | \"bulletSize\" | \"lineSize\"> {\n  bulletSize?: number\n}\n\nexport type TimelineProps = {\n  items: TimelinePropsItem[]\n  activeItem: number\n  bulletSize?: number\n  lineSize?: number\n}\n\n/*\n  No bullet or line is active when activeItem is -1\n  First bullet is active only if activeItem is 0 or more\n  First line is active only if activeItem is 1 or more\n*/\n\nconst Timeline: Component<TimelineProps> = (rawProps) => {\n  const p = mergeProps({ bulletSize: 16, lineSize: 2 }, rawProps)\n\n  return (\n    <ul\n      style={{\n        \"padding-left\": `${p.bulletSize / 2}px`,\n      }}\n    >\n      {p.items.map((item, index) => {\n        return (\n          <TimelineItem\n            title={item.title}\n            description={item.description}\n            bullet={item.bullet}\n            isLast={index === p.items.length - 1}\n            isActive={p.activeItem === -1 ? false : p.activeItem >= index + 1}\n            isActiveBullet={p.activeItem === -1 ? false : p.activeItem >= index}\n            bulletSize={p.bulletSize}\n            lineSize={p.lineSize}\n          />\n        )\n      })}\n    </ul>\n  )\n}\n\nexport type TimelineItemProps = {\n  title: JSXElement\n  description?: JSXElement\n  bullet?: JSXElement\n  isLast?: boolean\n  isActive: boolean\n  isActiveBullet: boolean\n  class?: string\n  bulletSize: number\n  lineSize: number\n}\n\nconst TimelineItem: Component<TimelineItemProps> = (p) => {\n  const [s, rest] = splitProps(p, [\n    \"class\",\n    \"bullet\",\n    \"description\",\n    \"title\",\n    \"isLast\",\n    \"isActive\",\n    \"isActiveBullet\",\n    \"bulletSize\",\n    \"lineSize\",\n  ])\n  return (\n    <li\n      class={classMerge(\n        \"relative border-l pb-8 pl-8\",\n        s.isLast && \"border-l-transparent pb-0\",\n        s.isActive && !s.isLast && \"border-l-primary\",\n        s.class,\n      )}\n      style={{\n        \"border-left-width\": `${s.lineSize}px`,\n      }}\n      {...rest}\n    >\n      <TimelineItemBullet lineSize={s.lineSize} bulletSize={s.bulletSize} isActive={s.isActiveBullet}>\n        {s.bullet}\n      </TimelineItemBullet>\n      <TimelineItemTitle>{s.title}</TimelineItemTitle>\n      <Show when={s.description}>\n        <TimelineItemDescription>{s.description}</TimelineItemDescription>\n      </Show>\n    </li>\n  )\n}\n\nexport type TimelineItemBulletProps = {\n  children?: JSXElement\n  isActive?: boolean\n  bulletSize: number\n  lineSize: number\n}\n\nconst TimelineItemBullet: Component<TimelineItemBulletProps> = (p) => {\n  return (\n    <div\n      class={classMerge(\n        `absolute top-0 flex items-center justify-center rounded-full border`,\n        p.isActive && \"border-primary\",\n      )}\n      style={{\n        width: `${p.bulletSize}px`,\n        height: `${p.bulletSize}px`,\n        left: `${-p.bulletSize / 2 - p.lineSize / 2}px`,\n        \"border-width\": `${p.lineSize}px`,\n      }}\n      aria-hidden=\"true\"\n    >\n      {p.children}\n    </div>\n  )\n}\n\nconst TimelineItemTitle: ParentComponent = (p) => {\n  return <div class={\"mb-1 text-base font-semibold leading-none\"}>{p.children}</div>\n}\n\nconst TimelineItemDescription: Component<ComponentProps<\"p\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\", \"children\"])\n  return (\n    <p class={classMerge(\"text-muted-foreground text-sm\", s.class)} {...rest}>\n      {s.children}\n    </p>\n  )\n}\n\nexport { Timeline }\n"],"mappings":"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"}

package/dist/table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../lib/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAIzD,QAAA,MAAM,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAO7C,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGnD,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGjD,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGnD,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAQ7C,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAW9C,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAG9C,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,CAGtD,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../ui/table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzD,QAAA,MAAM,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAO7C,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGnD,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGjD,CAAA;AAED,QAAA,MAAM,WAAW,EAAE,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,CAGnD,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAQ7C,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAW9C,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAG9C,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,CAGtD,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA"}

package/dist/table/Table.js

@@ -1,111 +1,89 @@
-import { spread, mergeProps, template } from "solid-js/web";
-import { splitProps } from "solid-js";
 import { classMerge } from "../utils/classMerge.js";
+import { splitProps } from "solid-js";
+import { mergeProps as mergeProps$1, spread, template } from "solid-js/web";
+//#region ui/table/Table.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div class="relative w-full overflow-auto"><table>`), _tmpl$2 = /* @__PURE__ */ template(`<thead>`), _tmpl$3 = /* @__PURE__ */ template(`<tbody>`), _tmpl$4 = /* @__PURE__ */ template(`<tfoot>`), _tmpl$5 = /* @__PURE__ */ template(`<tr>`), _tmpl$6 = /* @__PURE__ */ template(`<th>`), _tmpl$7 = /* @__PURE__ */ template(`<td>`), _tmpl$8 = /* @__PURE__ */ template(`<caption>`);
-const Table = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return classMerge("w-full caption-bottom text-sm", s.class);
-      }
-    }, rest), false, false);
-    return _el$;
-  })();
-};
-const TableHeader = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$3 = _tmpl$2();
-    spread(_el$3, mergeProps({
-      get ["class"]() {
-        return classMerge("[&_tr]:border-b", s.class);
-      }
-    }, rest), false, false);
-    return _el$3;
-  })();
+var Table = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+		spread(_el$2, mergeProps$1({ get ["class"]() {
+			return classMerge("w-full caption-bottom text-sm", s.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
 };
-const TableBody = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$4 = _tmpl$3();
-    spread(_el$4, mergeProps({
-      get ["class"]() {
-        return classMerge("[&_tr:last-child]:border-0", s.class);
-      }
-    }, rest), false, false);
-    return _el$4;
-  })();
+var TableHeader = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$2();
+		spread(_el$3, mergeProps$1({ get ["class"]() {
+			return classMerge("[&_tr]:border-b", s.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
 };
-const TableFooter = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$5 = _tmpl$4();
-    spread(_el$5, mergeProps({
-      get ["class"]() {
-        return classMerge("bg-primary text-primary-foreground font-medium", s.class);
-      }
-    }, rest), false, false);
-    return _el$5;
-  })();
+var TableBody = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$3();
+		spread(_el$4, mergeProps$1({ get ["class"]() {
+			return classMerge("[&_tr:last-child]:border-0", s.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
 };
-const TableRow = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$6 = _tmpl$5();
-    spread(_el$6, mergeProps({
-      get ["class"]() {
-        return classMerge("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", s.class);
-      }
-    }, rest), false, false);
-    return _el$6;
-  })();
+var TableFooter = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$4();
+		spread(_el$5, mergeProps$1({ get ["class"]() {
+			return classMerge("bg-primary text-primary-foreground font-medium", s.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
 };
-const TableHead = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$7 = _tmpl$6();
-    spread(_el$7, mergeProps({
-      get ["class"]() {
-        return classMerge("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0", s.class);
-      }
-    }, rest), false, false);
-    return _el$7;
-  })();
+var TableRow = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$6 = _tmpl$5();
+		spread(_el$6, mergeProps$1({ get ["class"]() {
+			return classMerge("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", s.class);
+		} }, rest), false, false);
+		return _el$6;
+	})();
 };
-const TableCell = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$8 = _tmpl$7();
-    spread(_el$8, mergeProps({
-      get ["class"]() {
-        return classMerge("p-4 align-middle [&:has([role=checkbox])]:pr-0", s.class);
-      }
-    }, rest), false, false);
-    return _el$8;
-  })();
+var TableHead = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$7 = _tmpl$6();
+		spread(_el$7, mergeProps$1({ get ["class"]() {
+			return classMerge("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0", s.class);
+		} }, rest), false, false);
+		return _el$7;
+	})();
 };
-const TableCaption = (p) => {
-  const [s, rest] = splitProps(p, ["class"]);
-  return (() => {
-    var _el$9 = _tmpl$8();
-    spread(_el$9, mergeProps({
-      get ["class"]() {
-        return classMerge("text-muted-foreground mt-4 text-sm", s.class);
-      }
-    }, rest), false, false);
-    return _el$9;
-  })();
+var TableCell = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$8 = _tmpl$7();
+		spread(_el$8, mergeProps$1({ get ["class"]() {
+			return classMerge("p-4 align-middle [&:has([role=checkbox])]:pr-0", s.class);
+		} }, rest), false, false);
+		return _el$8;
+	})();
 };
-export {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow
+var TableCaption = (p) => {
+	const [s, rest] = splitProps(p, ["class"]);
+	return (() => {
+		var _el$9 = _tmpl$8();
+		spread(_el$9, mergeProps$1({ get ["class"]() {
+			return classMerge("text-muted-foreground mt-4 text-sm", s.class);
+		} }, rest), false, false);
+		return _el$9;
+	})();
 };
-//# sourceMappingURL=Table.js.map
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+
+//# sourceMappingURL=Table.js.map

package/dist/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../lib/table/Table.tsx"],"sourcesContent":["import type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\nimport { classMerge } from \"~ui/utils/classMerge\"\n\nconst Table: Component<ComponentProps<\"table\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <div class={\"relative w-full overflow-auto\"}>\n      <table class={classMerge(\"w-full caption-bottom text-sm\", s.class)} {...rest} />\n    </div>\n  )\n}\n\nconst TableHeader: Component<ComponentProps<\"thead\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <thead class={classMerge(\"[&_tr]:border-b\", s.class)} {...rest} />\n}\n\nconst TableBody: Component<ComponentProps<\"tbody\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <tbody class={classMerge(\"[&_tr:last-child]:border-0\", s.class)} {...rest} />\n}\n\nconst TableFooter: Component<ComponentProps<\"tfoot\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <tfoot class={classMerge(\"bg-primary text-primary-foreground font-medium\", s.class)} {...rest} />\n}\n\nconst TableRow: Component<ComponentProps<\"tr\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <tr\n      class={classMerge(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", s.class)}\n      {...rest}\n    />\n  )\n}\n\nconst TableHead: Component<ComponentProps<\"th\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <th\n      class={classMerge(\n        \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n        s.class,\n      )}\n      {...rest}\n    />\n  )\n}\n\nconst TableCell: Component<ComponentProps<\"td\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <td class={classMerge(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", s.class)} {...rest} />\n}\n\nconst TableCaption: Component<ComponentProps<\"caption\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <caption class={classMerge(\"text-muted-foreground mt-4 text-sm\", s.class)} {...rest} />\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }\n"],"names":["Table","p","s","rest","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","classMerge","class","TableHeader","_el$3","_tmpl$2","TableBody","_el$4","_tmpl$3","TableFooter","_el$5","_tmpl$4","TableRow","_el$6","_tmpl$5","TableHead","_el$7","_tmpl$6","TableCell","_el$8","_tmpl$7","TableCaption","_el$9","_tmpl$8"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["classMerge","Component","ComponentProps","splitProps","Table","p","s","rest","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","TableHeader","_el$3","_tmpl$2","TableBody","_el$4","_tmpl$3","TableFooter","_el$5","_tmpl$4","TableRow","_el$6","_tmpl$5","TableHead","_el$7","_tmpl$6","TableCell","_el$8","_tmpl$7","TableCaption","_el$9","_tmpl$8"],"sources":["../../ui/table/Table.tsx"],"sourcesContent":["import { classMerge } from \"#ui/utils/classMerge.js\"\nimport type { Component, ComponentProps } from \"solid-js\"\nimport { splitProps } from \"solid-js\"\n\nconst Table: Component<ComponentProps<\"table\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <div class={\"relative w-full overflow-auto\"}>\n      <table class={classMerge(\"w-full caption-bottom text-sm\", s.class)} {...rest} />\n    </div>\n  )\n}\n\nconst TableHeader: Component<ComponentProps<\"thead\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <thead class={classMerge(\"[&_tr]:border-b\", s.class)} {...rest} />\n}\n\nconst TableBody: Component<ComponentProps<\"tbody\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <tbody class={classMerge(\"[&_tr:last-child]:border-0\", s.class)} {...rest} />\n}\n\nconst TableFooter: Component<ComponentProps<\"tfoot\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <tfoot class={classMerge(\"bg-primary text-primary-foreground font-medium\", s.class)} {...rest} />\n}\n\nconst TableRow: Component<ComponentProps<\"tr\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <tr\n      class={classMerge(\"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\", s.class)}\n      {...rest}\n    />\n  )\n}\n\nconst TableHead: Component<ComponentProps<\"th\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return (\n    <th\n      class={classMerge(\n        \"text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n        s.class,\n      )}\n      {...rest}\n    />\n  )\n}\n\nconst TableCell: Component<ComponentProps<\"td\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <td class={classMerge(\"p-4 align-middle [&:has([role=checkbox])]:pr-0\", s.class)} {...rest} />\n}\n\nconst TableCaption: Component<ComponentProps<\"caption\">> = (p) => {\n  const [s, rest] = splitProps(p, [\"class\"])\n  return <caption class={classMerge(\"text-muted-foreground mt-4 text-sm\", s.class)} {...rest} />\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }\n"],"mappings":";;;;;AAIA,IAAMI,SAA6CC,MAAM;CACvD,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAG,OAAAC,QAAA,EAAAC,QAAAF,KAAAG;AAAAC,SAAAF,OAAAG,aAAA,EAAA,KAAA,WAAA;AAAA,UAEkBb,WAAW,iCAAiCM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAC;KAAA;;AAKlF,IAAMO,eAAmDV,MAAM;CAC7D,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAW,QAAAC,SAAA;AAAAL,SAAAI,OAAAH,aAAA,EAAA,KAAA,WAAA;AAAA,UAAqBb,WAAW,mBAAmBM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAS;KAAA;;AAGvE,IAAME,aAAiDb,MAAM;CAC3D,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAc,QAAAC,SAAA;AAAAR,SAAAO,OAAAN,aAAA,EAAA,KAAA,WAAA;AAAA,UAAqBb,WAAW,8BAA8BM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAY;KAAA;;AAGlF,IAAME,eAAmDhB,MAAM;CAC7D,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAiB,QAAAC,SAAA;AAAAX,SAAAU,OAAAT,aAAA,EAAA,KAAA,WAAA;AAAA,UAAqBb,WAAW,kDAAkDM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAe;KAAA;;AAGtG,IAAME,YAA6CnB,MAAM;CACvD,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAoB,QAAAC,SAAA;AAAAd,SAAAa,OAAAZ,aAAA,EAAA,KAAA,WAAA;AAAA,UAEWb,WAAW,+EAA+EM,EAAEQ,MAAM;KAAA,EACrGP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAkB;KAAA;;AAKd,IAAME,aAA8CtB,MAAM;CACxD,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAAuB,QAAAC,SAAA;AAAAjB,SAAAgB,OAAAf,aAAA,EAAA,KAAA,WAAA;AAAA,UAEWb,WACL,oGACAM,EAAEQ,MACH;KAAA,EACGP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAqB;KAAA;;AAKd,IAAME,aAA8CzB,MAAM;CACxD,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAA0B,QAAAC,SAAA;AAAApB,SAAAmB,OAAAlB,aAAA,EAAA,KAAA,WAAA;AAAA,UAAkBb,WAAW,kDAAkDM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAAwB;KAAA;;AAGnG,IAAME,gBAAsD5B,MAAM;CAChE,MAAM,CAACC,GAAGC,QAAQJ,WAAWE,GAAG,CAAC,QAAQ,CAAC;AAC1C,eAAA;EAAA,IAAA6B,QAAAC,SAAA;AAAAvB,SAAAsB,OAAArB,aAAA,EAAA,KAAA,WAAA;AAAA,UAAuBb,WAAW,sCAAsCM,EAAEQ,MAAM;KAAA,EAAMP,KAAI,EAAA,OAAA,MAAA;AAAA,SAAA2B;KAAA"}

package/dist/table/shared/DesktopTableClassNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTableClassNames.d.ts","sourceRoot":"","sources":["../../../lib/table/shared/DesktopTableClassNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"DesktopTableClassNames.d.ts","sourceRoot":"","sources":["../../../ui/table/shared/DesktopTableClassNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/table/shared/DesktopTableClassNames.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=DesktopTableClassNames.js.map

package/dist/table/shared/MobileTableClassNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileTableClassNames.d.ts","sourceRoot":"","sources":["../../../lib/table/shared/MobileTableClassNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"MobileTableClassNames.d.ts","sourceRoot":"","sources":["../../../ui/table/shared/MobileTableClassNames.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/table/shared/MobileTableClassNames.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=MobileTableClassNames.js.map

package/dist/table/shared/TableColumnDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnDef.d.ts","sourceRoot":"","sources":["../../../lib/table/shared/TableColumnDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IACnC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,oBAAoB,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,CAM3D;AAKD,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,uBAG5G;AACD,wBAAgB,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,OAK5G"}
+{"version":3,"file":"TableColumnDef.d.ts","sourceRoot":"","sources":["../../../ui/table/shared/TableColumnDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IACnC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,UAAU,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,oBAAoB,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,CAM3D;AAKD,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,uBAG5G;AACD,wBAAgB,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,OAK5G"}