@jakubmazanec/ui 0.1.0-next.070f0f6

package/build/components/Table.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Table.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableTheme = createComponentTheme('Table');\n\nconst TABLE_ELEMENT = 'table';\n\nexport type TableProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string | undefined;\n    }\n>;\n\nexport const Table = forwardRef(\n  <T extends ElementType = typeof TABLE_ELEMENT>(\n    {as: Component = TABLE_ELEMENT as T, className, children, ...rest}: TableProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableTheme: ComponentTheme<typeof useTableTheme> = {\n  className: '',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,gBAAgB,qBAAqB,OAAO;AAEzD,MAAM,gBAAgB;AAUf,aAAM,QAAQ;AAAA,EACnB,CACE,EAAC,IAAI,YAAY,eAAoB,WAAW,UAAU,GAAG,KAAI,GACjE,QACG;AACH,QAAI,QAAQ,cAAc;AAC1B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,aAAmD;AAAA,EAC9D,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableBody.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableBodyTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableBody";
+    themeDefinition: undefined;
+};
+export type TableBodyProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableBodyTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableBody: <T extends ElementType = "tbody">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableBodyTheme: ComponentTheme<typeof useTableBodyTheme>;

package/build/components/TableBody.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableBodyTheme = createComponentTheme("TableBody");
+const TABLE_BODY_ELEMENT = "tbody";
+export const TableBody = forwardRef(
+  ({ as: Component = TABLE_BODY_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableBodyTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-body",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableBodyTheme = {
+  className: "font-sans"
+};
+//# sourceMappingURL=TableBody.js.map

package/build/components/TableBody.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableBody.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableBodyTheme = createComponentTheme('TableBody');\n\nconst TABLE_BODY_ELEMENT = 'tbody';\n\nexport type TableBodyProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableBodyTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableBody = forwardRef(\n  <T extends ElementType = typeof TABLE_BODY_ELEMENT>(\n    {as: Component = TABLE_BODY_ELEMENT as T, className, children, ...rest}: TableBodyProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableBodyTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-body',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableBodyTheme: ComponentTheme<typeof useTableBodyTheme> = {\n  className: 'font-sans',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,oBAAoB,qBAAqB,WAAW;AAEjE,MAAM,qBAAqB;AAUpB,aAAM,YAAY;AAAA,EACvB,CACE,EAAC,IAAI,YAAY,oBAAyB,WAAW,UAAU,GAAG,KAAI,GACtE,QACG;AACH,QAAI,QAAQ,kBAAkB;AAC9B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,iBAA2D;AAAA,EACtE,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableCaption.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableCaptionTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableCaption";
+    themeDefinition: undefined;
+};
+export type TableCaptionProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableCaptionTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableCaption: <T extends ElementType = "caption">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableCaptionTheme: ComponentTheme<typeof useTableCaptionTheme>;

package/build/components/TableCaption.js

@@ -0,0 +1,31 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableCaptionTheme = createComponentTheme("TableCaption");
+const TABLE_CAPTION_ELEMENT = "caption";
+export const TableCaption = forwardRef(
+  ({
+    as: Component = TABLE_CAPTION_ELEMENT,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    let theme = useTableCaptionTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-caption",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableCaptionTheme = {
+  className: "font-sans text-sm font-medium mb-2"
+};
+//# sourceMappingURL=TableCaption.js.map

package/build/components/TableCaption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableCaption.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableCaptionTheme = createComponentTheme('TableCaption');\n\nconst TABLE_CAPTION_ELEMENT = 'caption';\n\nexport type TableCaptionProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableCaptionTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableCaption = forwardRef(\n  <T extends ElementType = typeof TABLE_CAPTION_ELEMENT>(\n    {\n      as: Component = TABLE_CAPTION_ELEMENT as T,\n      className,\n      children,\n      ...rest\n    }: TableCaptionProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableCaptionTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-caption',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableCaptionTheme: ComponentTheme<typeof useTableCaptionTheme> = {\n  className: 'font-sans text-sm font-medium mb-2',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,uBAAuB,qBAAqB,cAAc;AAEvE,MAAM,wBAAwB;AAUvB,aAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,qBAAqB;AACjC,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,oBAAiE;AAAA,EAC5E,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableCell.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableCellTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableCell";
+    themeDefinition: undefined;
+};
+export type TableCellProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableCellTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableCell: <T extends ElementType = "td">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableCellTheme: ComponentTheme<typeof useTableCellTheme>;

package/build/components/TableCell.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableCellTheme = createComponentTheme("TableCell");
+const TABLE_CELL_ELEMENT = "td";
+export const TableCell = forwardRef(
+  ({ as: Component = TABLE_CELL_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableCellTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-cell",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableCellTheme = {
+  className: "p-2 text-sm font-sans tabular-nums text-right truncate"
+};
+//# sourceMappingURL=TableCell.js.map

package/build/components/TableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableCell.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableCellTheme = createComponentTheme('TableCell');\n\nconst TABLE_CELL_ELEMENT = 'td';\n\nexport type TableCellProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableCellTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableCell = forwardRef(\n  <T extends ElementType = typeof TABLE_CELL_ELEMENT>(\n    {as: Component = TABLE_CELL_ELEMENT as T, className, children, ...rest}: TableCellProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableCellTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-cell',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableCellTheme: ComponentTheme<typeof useTableCellTheme> = {\n  className: 'p-2 text-sm font-sans tabular-nums text-right truncate',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,oBAAoB,qBAAqB,WAAW;AAEjE,MAAM,qBAAqB;AAUpB,aAAM,YAAY;AAAA,EACvB,CACE,EAAC,IAAI,YAAY,oBAAyB,WAAW,UAAU,GAAG,KAAI,GACtE,QACG;AACH,QAAI,QAAQ,kBAAkB;AAC9B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,iBAA2D;AAAA,EACtE,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableFoot.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableFootTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableFoot";
+    themeDefinition: undefined;
+};
+export type TableFootProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableFootTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableFoot: <T extends ElementType = "tfoot">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableFootTheme: ComponentTheme<typeof useTableFootTheme>;

package/build/components/TableFoot.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useTableFootTheme = createComponentTheme("TableFoot");
+const TABLE_FOOT_ELEMENT = "tfoot";
+export const TableFoot = forwardRef(
+  ({ as: Component = TABLE_FOOT_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableFootTheme();
+    let props = filterProps({
+      ref,
+      className: theme(null, className),
+      "data-component": "table-foot",
+      ...rest
+    });
+    return createElement(Component, props, children);
+  }
+);
+export const tableFootTheme = {
+  className: "font-sans text-sm"
+};
+//# sourceMappingURL=TableFoot.js.map

package/build/components/TableFoot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableFoot.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useTableFootTheme = createComponentTheme('TableFoot');\n\nconst TABLE_FOOT_ELEMENT = 'tfoot';\n\nexport type TableFootProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableFootTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableFoot = forwardRef(\n  <T extends ElementType = typeof TABLE_FOOT_ELEMENT>(\n    {as: Component = TABLE_FOOT_ELEMENT as T, className, children, ...rest}: TableFootProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableFootTheme();\n    let props = filterProps({\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-foot',\n      ...rest,\n    });\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableFootTheme: ComponentTheme<typeof useTableFootTheme> = {\n  className: 'font-sans text-sm',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,oBAAoB,qBAAqB,WAAW;AAEjE,MAAM,qBAAqB;AAUpB,aAAM,YAAY;AAAA,EACvB,CACE,EAAC,IAAI,YAAY,oBAAyB,WAAW,UAAU,GAAG,KAAI,GACtE,QACG;AACH,QAAI,QAAQ,kBAAkB;AAC9B,QAAI,QAAQ,YAAY;AAAA,MACtB;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,iBAA2D;AAAA,EACtE,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableHead.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableHeadTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableHead";
+    themeDefinition: undefined;
+};
+export type TableHeadProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableHeadTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableHead: <T extends ElementType = "thead">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableHeadTheme: ComponentTheme<typeof useTableHeadTheme>;

package/build/components/TableHead.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableHeadTheme = createComponentTheme("TableHead");
+const TABLE_HEAD_ELEMENT = "thead";
+export const TableHead = forwardRef(
+  ({ as: Component = TABLE_HEAD_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableHeadTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-head",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableHeadTheme = {
+  className: "font-sans border-b-2 border-neutral-100"
+};
+//# sourceMappingURL=TableHead.js.map

package/build/components/TableHead.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableHead.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableHeadTheme = createComponentTheme('TableHead');\n\nconst TABLE_HEAD_ELEMENT = 'thead';\n\nexport type TableHeadProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableHeadTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableHead = forwardRef(\n  <T extends ElementType = typeof TABLE_HEAD_ELEMENT>(\n    {as: Component = TABLE_HEAD_ELEMENT as T, className, children, ...rest}: TableHeadProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableHeadTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-head',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableHeadTheme: ComponentTheme<typeof useTableHeadTheme> = {\n  className: 'font-sans border-b-2 border-neutral-100',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,oBAAoB,qBAAqB,WAAW;AAEjE,MAAM,qBAAqB;AAUpB,aAAM,YAAY;AAAA,EACvB,CACE,EAAC,IAAI,YAAY,oBAAyB,WAAW,UAAU,GAAG,KAAI,GACtE,QACG;AACH,QAAI,QAAQ,kBAAkB;AAC9B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,iBAA2D;AAAA,EACtE,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableHeader.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableHeaderTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableHeader";
+    themeDefinition: undefined;
+};
+export type TableHeaderProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableHeaderTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableHeader: <T extends ElementType = "th">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableHeaderTheme: ComponentTheme<typeof useTableHeaderTheme>;

package/build/components/TableHeader.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableHeaderTheme = createComponentTheme("TableHeader");
+const TABLE_HEADER_ELEMENT = "th";
+export const TableHeader = forwardRef(
+  ({ as: Component = TABLE_HEADER_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableHeaderTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-header",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableHeaderTheme = {
+  className: "relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap"
+};
+//# sourceMappingURL=TableHeader.js.map

package/build/components/TableHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableHeader.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableHeaderTheme = createComponentTheme('TableHeader');\n\nconst TABLE_HEADER_ELEMENT = 'th';\n\nexport type TableHeaderProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableHeaderTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableHeader = forwardRef(\n  <T extends ElementType = typeof TABLE_HEADER_ELEMENT>(\n    {as: Component = TABLE_HEADER_ELEMENT as T, className, children, ...rest}: TableHeaderProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableHeaderTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-header',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableHeaderTheme: ComponentTheme<typeof useTableHeaderTheme> = {\n  className: 'relative p-1 text-sm font-medium z-20 font-sans tabular-nums whitespace-nowrap',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,aAAM,cAAc;AAAA,EACzB,CACE,EAAC,IAAI,YAAY,sBAA2B,WAAW,UAAU,GAAG,KAAI,GACxE,QACG;AACH,QAAI,QAAQ,oBAAoB;AAChC,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WAAW;AACb;",
+  "names": []
+}

package/build/components/TableRow.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTableRowTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "TableRow";
+    themeDefinition: undefined;
+};
+export type TableRowProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTableRowTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const TableRow: <T extends ElementType = "tr">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const tableRowTheme: ComponentTheme<typeof useTableRowTheme>;

package/build/components/TableRow.js

@@ -0,0 +1,26 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTableRowTheme = createComponentTheme("TableRow");
+const TABLE_ROW_ELEMENT = "tr";
+export const TableRow = forwardRef(
+  ({ as: Component = TABLE_ROW_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useTableRowTheme();
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "table-row",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const tableRowTheme = {
+  className: "font-sans odd:bg-white even:bg-neutral-25"
+};
+//# sourceMappingURL=TableRow.js.map

package/build/components/TableRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableRow.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTableRowTheme = createComponentTheme('TableRow');\n\nconst TABLE_ROW_ELEMENT = 'tr';\n\nexport type TableRowProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTableRowTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const TableRow = forwardRef(\n  <T extends ElementType = typeof TABLE_ROW_ELEMENT>(\n    {as: Component = TABLE_ROW_ELEMENT as T, className, children, ...rest}: TableRowProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTableRowTheme();\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'table-row',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const tableRowTheme: ComponentTheme<typeof useTableRowTheme> = {\n  className: 'font-sans odd:bg-white even:bg-neutral-25',\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,mBAAmB,qBAAqB,UAAU;AAE/D,MAAM,oBAAoB;AAUnB,aAAM,WAAW;AAAA,EACtB,CACE,EAAC,IAAI,YAAY,mBAAwB,WAAW,UAAU,GAAG,KAAI,GACrE,QACG;AACH,QAAI,QAAQ,iBAAiB;AAC7B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,gBAAyD;AAAA,EACpE,WAAW;AACb;",
+  "names": []
+}

package/build/components/Text.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTextTheme: ((themeProps: {
+    readonly size: "small" | "medium" | "large";
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Text";
+    themeDefinition: {
+        readonly variants: {
+            readonly size: ["small", "medium", "large"];
+        };
+    };
+};
+export type TextProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useTextTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const Text: <T extends ElementType = "p">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly size: "small" | "medium" | "large";
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const textTheme: ComponentTheme<typeof useTextTheme>;

package/build/components/Text.js

@@ -0,0 +1,43 @@
+"use strict";
+import {
+  createElement
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+export const useTextTheme = createComponentTheme("Text", {
+  variants: {
+    size: ["small", "medium", "large"]
+  }
+});
+const TEXT_ELEMENT = "p";
+export const Text = forwardRef(
+  ({
+    size = "medium",
+    as: Component = TEXT_ELEMENT,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    let theme = useTextTheme({ size });
+    let props = {
+      ref,
+      className: theme(null, className),
+      "data-component": "text",
+      ...rest
+    };
+    return createElement(Component, props, children);
+  }
+);
+export const textTheme = {
+  className: "m-0",
+  variants: {
+    size: {
+      small: "text-xs",
+      medium: "text-sm",
+      large: ""
+    }
+  }
+};
+//# sourceMappingURL=Text.js.map

package/build/components/Text.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Text.ts"],
+  "sourcesContent": ["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\n\nexport const useTextTheme = createComponentTheme('Text', {\n  variants: {\n    size: ['small', 'medium', 'large'],\n  },\n});\n\nconst TEXT_ELEMENT = 'p';\n\nexport type TextProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useTextTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const Text = forwardRef(\n  <T extends ElementType = typeof TEXT_ELEMENT>(\n    {\n      size = 'medium',\n      as: Component = TEXT_ELEMENT as T,\n      className,\n      children,\n      ...rest\n    }: TextProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTextTheme({size});\n    let props = {\n      ref,\n      className: theme(null, className),\n      'data-component': 'text',\n      ...rest,\n    };\n\n    return createElement(Component, props, children);\n  },\n);\n\nexport const textTheme: ComponentTheme<typeof useTextTheme> = {\n  className: 'm-0',\n  variants: {\n    size: {\n      small: 'text-xs',\n      medium: 'text-sm',\n      large: '',\n    },\n  },\n};\n"],
+  "mappings": ";AAAA;AAAA,EAEE;AAAA,OAIK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AAElB,aAAM,eAAe,qBAAqB,QAAQ;AAAA,EACvD,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,UAAU,OAAO;AAAA,EACnC;AACF,CAAC;AAED,MAAM,eAAe;AAUd,aAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE,OAAO;AAAA,IACP,IAAI,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,aAAa,EAAC,KAAI,CAAC;AAC/B,QAAI,QAAQ;AAAA,MACV;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WAAO,cAAc,WAAW,OAAO,QAAQ;AAAA,EACjD;AACF;AAEO,aAAM,YAAiD;AAAA,EAC5D,WAAW;AAAA,EACX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/Textarea.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentPropsWithoutRef, type ComponentType, type ElementType, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useTextareaTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => {
+    textarea: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    icon: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+}) & {
+    componentThemeName: "Textarea";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+        readonly elements: ["root", "textarea", "icon"];
+    };
+};
+export type TextareaProps<T extends ElementType> = ComponentProps<typeof useTextareaTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<object> | undefined;
+};
+export declare const Textarea: <T extends ElementType = "textarea">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    name?: string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<object> | undefined;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => React.ReactNode;
+export declare const textareaTheme: ComponentTheme<typeof useTextareaTheme>;

package/build/components/Textarea.js

@@ -0,0 +1,78 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getTextareaProps } from "@conform-to/react";
+import { Textarea as HeadlessTextarea } from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { forwardRef } from "./internals.js";
+import { useField } from "./useField.js";
+import { useFieldName } from "./useFieldName.js";
+export const useTextareaTheme = createComponentTheme("Textarea", {
+  variants: {
+    disabled: [true, false]
+  },
+  elements: ["root", "textarea", "icon"]
+});
+const TEXTAREA_ELEMENT = "textarea";
+export const Textarea = forwardRef(
+  ({
+    disabled = false,
+    as = TEXTAREA_ELEMENT,
+    name,
+    className,
+    icon: Icon,
+    ...rest
+  }, ref) => {
+    let theme = useTextareaTheme({ disabled });
+    let fieldName = useFieldName();
+    let field = useField();
+    let rootProps = {
+      className: theme.root("relative", className),
+      "data-component": "textarea"
+    };
+    let textareaProps = {
+      ref,
+      disabled,
+      name: field?.name ?? fieldName ?? name,
+      className: theme.textarea(null, className),
+      ...rest
+    };
+    let iconProps = {
+      className: theme.icon("absolute")
+    };
+    if (Icon) {
+      rootProps["data-icon"] = "";
+    }
+    if (field) {
+      let { key, ...restProps } = getTextareaProps(field);
+      textareaProps = { ...restProps, ...textareaProps };
+    }
+    return /* @__PURE__ */ jsxs("span", { ...rootProps, children: [
+      /* @__PURE__ */ jsx(HeadlessTextarea, { ...textareaProps }),
+      Icon ? /* @__PURE__ */ jsx(Icon, { ...iconProps }) : null
+    ] });
+  }
+);
+export const textareaTheme = {
+  classNames: {
+    root: "group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors",
+    textarea: "min-h-15 p-0 focus-visible:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm",
+    icon: "size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300"
+  },
+  variants: {
+    disabled: {
+      true: {
+        root: "border-neutral-100 text-neutral-200 cursor-not-allowed",
+        textarea: "",
+        icon: ""
+      },
+      false: {
+        root: "",
+        textarea: "",
+        icon: ""
+      }
+    }
+  }
+};
+//# sourceMappingURL=Textarea.js.map