@adaptive-ds/solid-ui 0.11.0

package/dist/static/styles/stylesBgGridBlueprint.js

@@ -0,0 +1,13 @@
+const stylesBgGridBlueprint = {
+  "background-image": `
+        linear-gradient(to bottom, #aeaeae34 2px, transparent 2px),
+        linear-gradient(to right, #aeaeae34 2px, transparent 2px),
+        linear-gradient(to bottom, #aeaeae42 1px, transparent 1px),
+        linear-gradient(to right, #aeaeae42 1px, transparent 1px)`,
+  "background-size": "100px 100px, 100px 100px, 20px 20px, 20px 20px",
+  "background-position": "-1px -1px"
+};
+export {
+  stylesBgGridBlueprint
+};
+//# sourceMappingURL=stylesBgGridBlueprint.js.map

package/dist/static/styles/stylesBgGridBlueprint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgGridBlueprint.js","sources":["../../../lib/static/styles/stylesBgGridBlueprint.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgGridBlueprint = {\n  \"background-image\": `\n        linear-gradient(to bottom, #aeaeae34 2px, transparent 2px),\n        linear-gradient(to right, #aeaeae34 2px, transparent 2px),\n        linear-gradient(to bottom, #aeaeae42 1px, transparent 1px),\n        linear-gradient(to right, #aeaeae42 1px, transparent 1px)`,\n  \"background-size\": \"100px 100px, 100px 100px, 20px 20px, 20px 20px\",\n  \"background-position\": \"-1px -1px\",\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,wBAAwB;AAAA,EACnC,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,mBAAmB;AAAA,EACnB,uBAAuB;AACzB;"}

package/dist/static/styles/stylesBgLeaf.d.ts

@@ -0,0 +1,4 @@
+export declare const stylesBgLeaf: {
+    readonly "background-image": `url("data:image/svg+xml,${string}")`;
+};
+//# sourceMappingURL=stylesBgLeaf.d.ts.map

package/dist/static/styles/stylesBgLeaf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgLeaf.d.ts","sourceRoot":"","sources":["../../../lib/static/styles/stylesBgLeaf.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;CAEa,CAAA"}

package/dist/static/styles/stylesBgLeaf.js

@@ -0,0 +1,7 @@
+const stylesBgLeaf = {
+  "background-image": `url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'><path fill='#aeaeae53' fill-opacity='1' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z' /></svg>")}")`
+};
+export {
+  stylesBgLeaf
+};
+//# sourceMappingURL=stylesBgLeaf.js.map

package/dist/static/styles/stylesBgLeaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgLeaf.js","sources":["../../../lib/static/styles/stylesBgLeaf.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgLeaf = {\n  \"background-image\": `url(\"data:image/svg+xml,${encodeURIComponent(\"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'><path fill='#aeaeae53' fill-opacity='1' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z' /></svg>\")}\")`,\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,eAAe;AAAA,EAC1B,oBAAoB,2BAA2B,mBAAmB,6wBAA6wB,CAAC;AACl1B;"}

package/dist/static/styles/stylesBgSlash.d.ts

@@ -0,0 +1,4 @@
+export declare const stylesBgSlash: {
+    readonly "background-image": "repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 12px)";
+};
+//# sourceMappingURL=stylesBgSlash.d.ts.map

package/dist/static/styles/stylesBgSlash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSlash.d.ts","sourceRoot":"","sources":["../../../lib/static/styles/stylesBgSlash.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;CAEY,CAAA"}

package/dist/static/styles/stylesBgSlash.js

@@ -0,0 +1,7 @@
+const stylesBgSlash = {
+  "background-image": "repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 12px)"
+};
+export {
+  stylesBgSlash
+};
+//# sourceMappingURL=stylesBgSlash.js.map

package/dist/static/styles/stylesBgSlash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSlash.js","sources":["../../../lib/static/styles/stylesBgSlash.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgSlash = {\n  \"background-image\": \"repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 12px)\",\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,gBAAgB;AAAA,EAC3B,oBAAoB;AACtB;"}

package/dist/static/styles/stylesBgSlashSparse.d.ts

@@ -0,0 +1,4 @@
+export declare const stylesBgSlashSparse: {
+    readonly "background-image": "repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 24px)";
+};
+//# sourceMappingURL=stylesBgSlashSparse.d.ts.map

package/dist/static/styles/stylesBgSlashSparse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSlashSparse.d.ts","sourceRoot":"","sources":["../../../lib/static/styles/stylesBgSlashSparse.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;CAEM,CAAA"}

package/dist/static/styles/stylesBgSlashSparse.js

@@ -0,0 +1,7 @@
+const stylesBgSlashSparse = {
+  "background-image": "repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 24px)"
+};
+export {
+  stylesBgSlashSparse
+};
+//# sourceMappingURL=stylesBgSlashSparse.js.map

package/dist/static/styles/stylesBgSlashSparse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSlashSparse.js","sources":["../../../lib/static/styles/stylesBgSlashSparse.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgSlashSparse = {\n  \"background-image\": \"repeating-linear-gradient(135deg, #aeaeae69 0 1px, #0000 1px 24px)\",\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB;AAAA,EACjC,oBAAoB;AACtB;"}

package/dist/static/styles/stylesBgSquareZig.d.ts

@@ -0,0 +1,4 @@
+export declare const stylesBgSquareZig: {
+    readonly "background-image": `url("data:image/svg+xml,${string}`;
+};
+//# sourceMappingURL=stylesBgSquareZig.d.ts.map

package/dist/static/styles/stylesBgSquareZig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSquareZig.d.ts","sourceRoot":"","sources":["../../../lib/static/styles/stylesBgSquareZig.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;CAEQ,CAAA"}

package/dist/static/styles/stylesBgSquareZig.js

@@ -0,0 +1,7 @@
+const stylesBgSquareZig = {
+  "background-image": `url("data:image/svg+xml,${encodeURIComponent("<svg xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' width='20' height='20' patternTransform='scale(2)' patternUnits='userSpaceOnUse'><rect width='100%' height='100%' fill='#fff' fill-opacity='0'/><path fill='none' stroke='#aeaeae69' stroke-width='0.5' d='M-5-3 5 2l10-5 10 5M-5 17l10 5 10-5 10 5M-5 7l10 5 10-5 10 5M-2.5 24.5l5-10-5-10 5-10m15 30 5-10-5-10 5-10m-15 30 5-10-5-10 5-10'/></pattern></defs><rect width='800%' height='800%' fill='url(#a)'/></svg>")}`
+};
+export {
+  stylesBgSquareZig
+};
+//# sourceMappingURL=stylesBgSquareZig.js.map

package/dist/static/styles/stylesBgSquareZig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgSquareZig.js","sources":["../../../lib/static/styles/stylesBgSquareZig.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgSquareZig = {\n  \"background-image\": `url(\"data:image/svg+xml,${encodeURIComponent(\"<svg xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' width='20' height='20' patternTransform='scale(2)' patternUnits='userSpaceOnUse'><rect width='100%' height='100%' fill='#fff' fill-opacity='0'/><path fill='none' stroke='#aeaeae69' stroke-width='0.5' d='M-5-3 5 2l10-5 10 5M-5 17l10 5 10-5 10 5M-5 7l10 5 10-5 10 5M-2.5 24.5l5-10-5-10 5-10m15 30 5-10-5-10 5-10m-15 30 5-10-5-10 5-10'/></pattern></defs><rect width='800%' height='800%' fill='url(#a)'/></svg>\")}`,\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,oBAAoB;AAAA,EAC/B,oBAAoB,2BAA2B,mBAAmB,sdAAsd,CAAC;AAC3hB;"}

package/dist/static/styles/stylesBgWave.d.ts

@@ -0,0 +1,5 @@
+export declare const stylesBgWave: {
+    readonly "background-attachment": "fixed";
+    readonly "background-image": "url(\"data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='80' height='20' patternTransform='scale(1) rotate(0)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(0, 0%25, 100%25, 0)'/%3E%3Cpath d='M-20.133 4.568C-13.178 4.932-6.452 7.376 0 10c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='1' stroke='hsla(259, 0%25, 66%25, 0.38)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E\")";
+};
+//# sourceMappingURL=stylesBgWave.d.ts.map

package/dist/static/styles/stylesBgWave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgWave.d.ts","sourceRoot":"","sources":["../../../lib/static/styles/stylesBgWave.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;CAGa,CAAA"}

package/dist/static/styles/stylesBgWave.js

@@ -0,0 +1,8 @@
+const stylesBgWave = {
+  "background-attachment": "fixed",
+  "background-image": `url("data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='80' height='20' patternTransform='scale(1) rotate(0)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(0, 0%25, 100%25, 0)'/%3E%3Cpath d='M-20.133 4.568C-13.178 4.932-6.452 7.376 0 10c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='1' stroke='hsla(259, 0%25, 66%25, 0.38)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E")`
+};
+export {
+  stylesBgWave
+};
+//# sourceMappingURL=stylesBgWave.js.map

package/dist/static/styles/stylesBgWave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesBgWave.js","sources":["../../../lib/static/styles/stylesBgWave.ts"],"sourcesContent":["import type { JSX } from \"solid-js\"\n\nexport const stylesBgWave = {\n  \"background-attachment\": \"fixed\",\n  \"background-image\": `url(\"data:image/svg+xml,%3Csvg id='patternId' width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='80' height='20' patternTransform='scale(1) rotate(0)'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='hsla(0, 0%25, 100%25, 0)'/%3E%3Cpath d='M-20.133 4.568C-13.178 4.932-6.452 7.376 0 10c6.452 2.624 13.036 5.072 20 5 6.967-.072 13.56-2.341 20-5 6.44-2.659 13.033-4.928 20-5 6.964-.072 13.548 2.376 20 5s13.178 5.068 20.133 5.432'  stroke-width='1' stroke='hsla(259, 0%25, 66%25, 0.38)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' transform='translate(0,0)' fill='url(%23a)'/%3E%3C/svg%3E\")`,\n} as const satisfies JSX.CSSProperties\n"],"names":[],"mappings":"AAEO,MAAM,eAAe;AAAA,EAC1B,yBAAyB;AAAA,EACzB,oBAAoB;AACtB;"}

package/dist/static/text/commonHeaderClass.d.ts

@@ -0,0 +1,2 @@
+export declare const commonHeaderClass = "text-xl font-semibold";
+//# sourceMappingURL=commonHeaderClass.d.ts.map

package/dist/static/text/commonHeaderClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonHeaderClass.d.ts","sourceRoot":"","sources":["../../../lib/static/text/commonHeaderClass.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,0BAA0B,CAAA"}

package/dist/static/text/commonHeaderClass.js

@@ -0,0 +1,5 @@
+const commonHeaderClass = "text-xl font-semibold";
+export {
+  commonHeaderClass
+};
+//# sourceMappingURL=commonHeaderClass.js.map

package/dist/static/text/commonHeaderClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonHeaderClass.js","sources":["../../../lib/static/text/commonHeaderClass.ts"],"sourcesContent":["export const commonHeaderClass = \"text-xl font-semibold\"\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB;"}

package/dist/static/timeline/Timeline.d.ts

@@ -0,0 +1,30 @@
+import { Component, JSXElement } from 'solid-js';
+export interface TimelinePropsItem extends Omit<TimelineItemProps, "isActive" | "isActiveBullet" | "bulletSize" | "lineSize"> {
+    bulletSize?: number;
+}
+export type TimelineProps = {
+    items: TimelinePropsItem[];
+    activeItem: number;
+    bulletSize?: number;
+    lineSize?: number;
+};
+declare const Timeline: Component<TimelineProps>;
+export type TimelineItemProps = {
+    title: JSXElement;
+    description?: JSXElement;
+    bullet?: JSXElement;
+    isLast?: boolean;
+    isActive: boolean;
+    isActiveBullet: boolean;
+    class?: string;
+    bulletSize: number;
+    lineSize: number;
+};
+export type TimelineItemBulletProps = {
+    children?: JSXElement;
+    isActive?: boolean;
+    bulletSize: number;
+    lineSize: number;
+};
+export { Timeline };
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/static/timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../lib/static/timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAgC,MAAM,UAAU,CAAA;AAGxF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAQD,QAAA,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CAyBtC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,UAAU,CAAA;IACjB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAsCD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAmCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/static/timeline/Timeline.js

@@ -0,0 +1,137 @@
+import { template, insert, createComponent, memo, effect, setStyleProperty, spread, mergeProps as mergeProps$1, className } from "solid-js/web";
+import { mergeProps, splitProps, Show } from "solid-js";
+import { classMerge } from "../../utils/classMerge.js";
+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$;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+const 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;
+  })();
+};
+export {
+  Timeline
+};
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +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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"}

package/dist/table/Table.d.ts

@@ -0,0 +1,11 @@
+import { Component, ComponentProps } from 'solid-js';
+declare const Table: Component<ComponentProps<"table">>;
+declare const TableHeader: Component<ComponentProps<"thead">>;
+declare const TableBody: Component<ComponentProps<"tbody">>;
+declare const TableFooter: Component<ComponentProps<"tfoot">>;
+declare const TableRow: Component<ComponentProps<"tr">>;
+declare const TableHead: Component<ComponentProps<"th">>;
+declare const TableCell: Component<ComponentProps<"td">>;
+declare const TableCaption: Component<ComponentProps<"caption">>;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +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"}

package/dist/table/Table.js

@@ -0,0 +1,111 @@
+import { template, spread, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { classMerge } from "../utils/classMerge.js";
+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;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+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;
+  })();
+};
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=Table.js.map

package/dist/table/Table.js.map

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+export type DesktopTableClassNames = {
+    class?: string;
+    header?: string;
+    row?: string;
+    data?: string;
+};
+//# sourceMappingURL=DesktopTableClassNames.d.ts.map

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

@@ -0,0 +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"}

package/dist/table/shared/DesktopTableClassNames.js

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

package/dist/table/shared/DesktopTableClassNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopTableClassNames.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,8 @@
+export type MobileTableClassNames = {
+    class?: string;
+    entry?: string;
+    first?: string;
+    header?: string;
+    other?: string;
+};
+//# sourceMappingURL=MobileTableClassNames.d.ts.map

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

@@ -0,0 +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"}

package/dist/table/shared/MobileTableClassNames.js

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

package/dist/table/shared/MobileTableClassNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileTableClassNames.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { JSXElement } from 'solid-js';
+export type TableColumnDef<T> = {
+    id: string;
+    name: string;
+    title?: string;
+    data?: (data: T) => string | number;
+    cell: (data: T) => JSXElement;
+    headerClass?: string;
+    dataClass?: string;
+};
+export declare function createTableColumnDef<T>(): TableColumnDef<T>;
+export declare function tableFilterColumns<T>(columns: TableColumnDef<T>[], columnFilter: string[] | null | undefined): TableColumnDef<T>[];
+export declare function tableFilterRows<T>(rows: T[], columns: TableColumnDef<T>[], filter: string | null | undefined): T[];
+//# sourceMappingURL=TableColumnDef.d.ts.map

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

@@ -0,0 +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"}

package/dist/table/shared/TableColumnDef.js

@@ -0,0 +1,30 @@
+function createTableColumnDef() {
+  return {
+    id: "",
+    name: "",
+    cell: (d) => ""
+  };
+}
+function tableFilterColumns(columns, columnFilter) {
+  if (!columnFilter) return columns;
+  return columns.filter((h) => columnFilter.includes(h.id));
+}
+function tableFilterRows(rows, columns, filter) {
+  if (!filter) return rows;
+  const result = rows.filter((d) => tableFilterRow(d, columns, filter));
+  return result;
+}
+function tableFilterRow(row, columns, filter) {
+  const found = columns.find((h) => h.data ? tableFilterRowValue(h.data(row), filter) : false);
+  return found !== void 0;
+}
+function tableFilterRowValue(row, filter) {
+  const m = row.toString().toLowerCase().includes(filter.toLowerCase());
+  return m;
+}
+export {
+  createTableColumnDef,
+  tableFilterColumns,
+  tableFilterRows
+};
+//# sourceMappingURL=TableColumnDef.js.map

package/dist/table/shared/TableColumnDef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnDef.js","sources":["../../../lib/table/shared/TableColumnDef.ts"],"sourcesContent":["import type { JSXElement } from \"solid-js\"\n\nexport type TableColumnDef<T> = {\n  id: string\n  name: string\n  title?: string\n  data?: (data: T) => string | number\n  cell: (data: T) => JSXElement\n  headerClass?: string\n  dataClass?: string\n}\n\nexport function createTableColumnDef<T>(): TableColumnDef<T> {\n  return {\n    id: \"\",\n    name: \"\",\n    cell: (d: T) => \"\",\n  }\n}\n\n//\n// filter data & headers\n//\nexport function tableFilterColumns<T>(columns: TableColumnDef<T>[], columnFilter: string[] | null | undefined) {\n  if (!columnFilter) return columns\n  return columns.filter((h) => columnFilter.includes(h.id))\n}\nexport function tableFilterRows<T>(rows: T[], columns: TableColumnDef<T>[], filter: string | null | undefined) {\n  if (!filter) return rows\n  const result = rows.filter((d) => tableFilterRow(d, columns, filter))\n  // console.log(\"result\", result)\n  return result\n}\nfunction tableFilterRow<T>(row: T, columns: TableColumnDef<T>[], filter: string) {\n  const found = columns.find((h) => (h.data ? tableFilterRowValue(h.data(row), filter) : false))\n  // console.log(row, \"found:\", found)\n  return found !== undefined\n}\nfunction tableFilterRowValue(row: string | number, filter: string) {\n  // return row.toString().toLowerCase().includes(filter.toLowerCase())\n  const m = row.toString().toLowerCase().includes(filter.toLowerCase())\n  // console.log(row, filter, \"->\", m)\n  return m\n}\n"],"names":[],"mappings":"AAYO,SAAS,uBAA6C;AAC3D,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,MAAM,CAAC,MAAS;AAAA,EAAA;AAEpB;AAKO,SAAS,mBAAsB,SAA8B,cAA2C;AAC7G,MAAI,CAAC,aAAc,QAAO;AAC1B,SAAO,QAAQ,OAAO,CAAC,MAAM,aAAa,SAAS,EAAE,EAAE,CAAC;AAC1D;AACO,SAAS,gBAAmB,MAAW,SAA8B,QAAmC;AAC7G,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,SAAS,KAAK,OAAO,CAAC,MAAM,eAAe,GAAG,SAAS,MAAM,CAAC;AAEpE,SAAO;AACT;AACA,SAAS,eAAkB,KAAQ,SAA8B,QAAgB;AAC/E,QAAM,QAAQ,QAAQ,KAAK,CAAC,MAAO,EAAE,OAAO,oBAAoB,EAAE,KAAK,GAAG,GAAG,MAAM,IAAI,KAAM;AAE7F,SAAO,UAAU;AACnB;AACA,SAAS,oBAAoB,KAAsB,QAAgB;AAEjE,QAAM,IAAI,IAAI,SAAA,EAAW,cAAc,SAAS,OAAO,aAAa;AAEpE,SAAO;AACT;"}

package/dist/table/shared/sharedTableRowClassName.d.ts

@@ -0,0 +1,2 @@
+export declare const sharedTableRowClassName = "border-t hover:bg-gray-100 dark:hover:bg-gray-800";
+//# sourceMappingURL=sharedTableRowClassName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTableRowClassName.d.ts","sourceRoot":"","sources":["../../../lib/table/shared/sharedTableRowClassName.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,sDAAsD,CAAA"}

package/dist/table/shared/sharedTableRowClassName.js

@@ -0,0 +1,5 @@
+const sharedTableRowClassName = "border-t hover:bg-gray-100 dark:hover:bg-gray-800";
+export {
+  sharedTableRowClassName
+};
+//# sourceMappingURL=sharedTableRowClassName.js.map

package/dist/table/shared/sharedTableRowClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedTableRowClassName.js","sources":["../../../lib/table/shared/sharedTableRowClassName.ts"],"sourcesContent":["export const sharedTableRowClassName = \"border-t hover:bg-gray-100 dark:hover:bg-gray-800\"\n"],"names":[],"mappings":"AAAO,MAAM,0BAA0B;"}