@jakubmazanec/ui 0.1.0-unstable.0c19abe

package/build/components/MenuItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuItem.tsx"],
+  "sourcesContent": ["import {MenuItem as HeadlessMenuItem} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useMenuItemTheme = createComponentTheme('MenuItem');\n\nexport type MenuItemProps = PropsWithChildren<\n  ComponentProps<typeof useMenuItemTheme> & {\n    className?: string;\n  }\n>;\n\nexport function MenuItem({className, children}: MenuItemProps) {\n  let theme = useMenuItemTheme();\n\n  // @ts-expect-error - `className` should exist on the `MenuItem` from Headless UI, and it actually works; search for more info\n  return <HeadlessMenuItem className={theme(null, className)}>{children}</HeadlessMenuItem>;\n}\n"],
+  "mappings": ";AAiBS;AAjBT,SAAQ,YAAY,wBAAuB;AAG3C,SAA6B,4BAA2B;AAEjD,aAAM,mBAAmB,qBAAqB,UAAU;AAQxD,gBAAS,SAAS,EAAC,WAAW,SAAQ,GAAkB;AAC7D,MAAI,QAAQ,iBAAiB;AAG7B,SAAO,oBAAC,oBAAiB,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AACxE;",
+  "names": []
+}

package/build/components/MenuItems.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useMenuItemsTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuItems";
+    themeDefinition: undefined;
+};
+export type MenuItemsProps = PropsWithChildren<ComponentProps<typeof useMenuItemsTheme> & {
+    className?: string;
+}>;
+export declare function MenuItems({ className, children }: MenuItemsProps): import("react/jsx-runtime").JSX.Element;

package/build/components/MenuItems.js

@@ -0,0 +1,10 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { MenuItems as HeadlessMenuItems } from "@headlessui/react";
+import { createComponentTheme } from "../theme/internals.js";
+export const useMenuItemsTheme = createComponentTheme("MenuItems");
+export function MenuItems({ className, children }) {
+  let theme = useMenuItemsTheme();
+  return /* @__PURE__ */ jsx(HeadlessMenuItems, { className: theme(null, className), children });
+}
+//# sourceMappingURL=MenuItems.js.map

package/build/components/MenuItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuItems.tsx"],
+  "sourcesContent": ["import {MenuItems as HeadlessMenuItems} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useMenuItemsTheme = createComponentTheme('MenuItems');\n\nexport type MenuItemsProps = PropsWithChildren<\n  ComponentProps<typeof useMenuItemsTheme> & {\n    className?: string;\n  }\n>;\n\nexport function MenuItems({className, children}: MenuItemsProps) {\n  let theme = useMenuItemsTheme();\n\n  return <HeadlessMenuItems className={theme(null, className)}>{children}</HeadlessMenuItems>;\n}\n"],
+  "mappings": ";AAgBS;AAhBT,SAAQ,aAAa,yBAAwB;AAG7C,SAA6B,4BAA2B;AAEjD,aAAM,oBAAoB,qBAAqB,WAAW;AAQ1D,gBAAS,UAAU,EAAC,WAAW,SAAQ,GAAmB;AAC/D,MAAI,QAAQ,kBAAkB;AAE9B,SAAO,oBAAC,qBAAkB,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AACzE;",
+  "names": []
+}

package/build/components/Popover.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const usePopoverTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Popover";
+    themeDefinition: undefined;
+};
+export type PopoverProps = PropsWithChildren<ComponentProps<typeof usePopoverTheme> & {
+    className?: string;
+}>;
+export declare function Popover({ className, children }: PopoverProps): import("react/jsx-runtime").JSX.Element;

package/build/components/Popover.js

@@ -0,0 +1,10 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Popover as HeadlessPopover } from "@headlessui/react";
+import { createComponentTheme } from "../theme/internals.js";
+export const usePopoverTheme = createComponentTheme("Popover");
+export function Popover({ className, children }) {
+  let theme = usePopoverTheme();
+  return /* @__PURE__ */ jsx(HeadlessPopover, { className: theme("relative", className), children });
+}
+//# sourceMappingURL=Popover.js.map

package/build/components/Popover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Popover.tsx"],
+  "sourcesContent": ["import {Popover as HeadlessPopover} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const usePopoverTheme = createComponentTheme('Popover');\n\nexport type PopoverProps = PropsWithChildren<\n  ComponentProps<typeof usePopoverTheme> & {\n    className?: string;\n  }\n>;\n\nexport function Popover({className, children}: PopoverProps) {\n  let theme = usePopoverTheme();\n\n  return <HeadlessPopover className={theme('relative', className)}>{children}</HeadlessPopover>;\n}\n"],
+  "mappings": ";AAgBS;AAhBT,SAAQ,WAAW,uBAAsB;AAGzC,SAA6B,4BAA2B;AAEjD,aAAM,kBAAkB,qBAAqB,SAAS;AAQtD,gBAAS,QAAQ,EAAC,WAAW,SAAQ,GAAiB;AAC3D,MAAI,QAAQ,gBAAgB;AAE5B,SAAO,oBAAC,mBAAgB,WAAW,MAAM,YAAY,SAAS,GAAI,UAAS;AAC7E;",
+  "names": []
+}

package/build/components/PopoverButton.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const usePopoverButtonTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "PopoverButton";
+    themeDefinition: undefined;
+};
+export type PopoverButtonProps<T extends ElementType> = ComponentPropsWithoutRef<T> & ComponentProps<typeof usePopoverButtonTheme> & {
+    className?: string;
+    as?: T | undefined;
+    onPointerEnter?: () => void;
+    onPointerLeave?: () => void;
+};
+export declare const PopoverButton: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<PopoverButtonProps<ElementType>>, "ref"> & import("react").RefAttributes<"symbol" | "object" | "search" | "big" | "link" | "small" | "sub" | "sup" | "map" | "filter" | "progress" | "text" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view">>;

package/build/components/PopoverButton.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Popover as HeadlessPopover } from "@headlessui/react";
+import {
+  forwardRef
+} from "react";
+import { createComponentTheme } from "../theme/internals.js";
+export const usePopoverButtonTheme = createComponentTheme("PopoverButton");
+export const PopoverButton = forwardRef(
+  ({
+    className,
+    as,
+    children,
+    onPointerEnter,
+    onPointerLeave
+  }, ref) => {
+    let theme = usePopoverButtonTheme();
+    let props = {
+      className: theme(null, className),
+      as: as ?? "button",
+      ref,
+      onPointerEnter,
+      onPointerLeave
+    };
+    return /* @__PURE__ */ jsx(HeadlessPopover.Button, { ...props, children });
+  }
+);
+//# sourceMappingURL=PopoverButton.js.map

package/build/components/PopoverButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/PopoverButton.tsx"],
+  "sourcesContent": ["import {Popover as HeadlessPopover} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  forwardRef,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const usePopoverButtonTheme = createComponentTheme('PopoverButton');\n\nexport type PopoverButtonProps<T extends ElementType> = ComponentPropsWithoutRef<T> &\n  ComponentProps<typeof usePopoverButtonTheme> & {\n    className?: string;\n    as?: T | undefined;\n    onPointerEnter?: () => void;\n    onPointerLeave?: () => void;\n  };\n\nexport const PopoverButton = forwardRef(\n  <T extends ElementType = 'button'>(\n    {\n      className,\n      as,\n      children,\n      onPointerEnter,\n      onPointerLeave,\n    }: PropsWithChildren<PopoverButtonProps<T>>,\n    ref: Ref<T>,\n  ) => {\n    let theme = usePopoverButtonTheme();\n\n    let props: Record<string, unknown> = {\n      className: theme(null, className),\n      as: as ?? 'button',\n      ref,\n      onPointerEnter,\n      onPointerLeave,\n    };\n\n    return <HeadlessPopover.Button {...props}>{children}</HeadlessPopover.Button>;\n  },\n);\n"],
+  "mappings": ";AA0CW;AA1CX,SAAQ,WAAW,uBAAsB;AACzC;AAAA,EAGE;AAAA,OAGK;AAEP,SAA6B,4BAA2B;AAEjD,aAAM,wBAAwB,qBAAqB,eAAe;AAUlE,aAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,QAAI,QAAQ,sBAAsB;AAElC,QAAI,QAAiC;AAAA,MACnC,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,IAAI,MAAM;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,WAAO,oBAAC,gBAAgB,QAAhB,EAAwB,GAAG,OAAQ,UAAS;AAAA,EACtD;AACF;",
+  "names": []
+}

package/build/components/PopoverPanel.d.ts

@@ -0,0 +1,16 @@
+import { type PopoverPanelProps as HeadlessPopoverPanelProps } from '@headlessui/react';
+import { type ReactElement, type ReactNode } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const usePopoverPanelTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "PopoverPanel";
+    themeDefinition: undefined;
+};
+export type PopoverPanelProps = ComponentProps<typeof usePopoverPanelTheme> & {
+    anchor?: HeadlessPopoverPanelProps['anchor'] | undefined;
+    className?: string | undefined;
+    children: ReactNode | ((renderProps: {
+        close: () => void;
+    }) => ReactElement) | undefined;
+    static?: boolean | undefined;
+};
+export declare function PopoverPanel({ static: isStatic, anchor, className, children, }: PopoverPanelProps): import("react/jsx-runtime").JSX.Element;

package/build/components/PopoverPanel.js

@@ -0,0 +1,24 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  Popover as HeadlessPopover
+} from "@headlessui/react";
+import { createComponentTheme } from "../theme/internals.js";
+export const usePopoverPanelTheme = createComponentTheme("PopoverPanel");
+export function PopoverPanel({
+  static: isStatic = false,
+  anchor,
+  className,
+  children
+}) {
+  let theme = usePopoverPanelTheme();
+  let props = {
+    className: theme(null, className),
+    anchor
+  };
+  if (isStatic) {
+    props.static = true;
+  }
+  return /* @__PURE__ */ jsx(HeadlessPopover.Panel, { ...props, children });
+}
+//# sourceMappingURL=PopoverPanel.js.map

package/build/components/PopoverPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/PopoverPanel.tsx"],
+  "sourcesContent": ["import {\n  Popover as HeadlessPopover,\n  type PopoverPanelProps as HeadlessPopoverPanelProps,\n} from '@headlessui/react';\nimport {type ReactElement, type ReactNode} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const usePopoverPanelTheme = createComponentTheme('PopoverPanel');\n\nexport type PopoverPanelProps = ComponentProps<typeof usePopoverPanelTheme> & {\n  anchor?: HeadlessPopoverPanelProps['anchor'] | undefined;\n  className?: string | undefined;\n  children: ReactNode | ((renderProps: {close: () => void}) => ReactElement) | undefined;\n  static?: boolean | undefined;\n};\n\nexport function PopoverPanel({\n  static: isStatic = false,\n  anchor,\n  className,\n  children,\n}: PopoverPanelProps) {\n  let theme = usePopoverPanelTheme();\n\n  // this is done this way because Headless UI's Popover doesn't accept `undefined` for `anchor` with `exactOptionalProperties: true`\n  let props: Record<string, unknown> = {\n    className: theme(null, className),\n    anchor,\n  };\n\n  if (isStatic) {\n    props.static = true;\n  }\n\n  return <HeadlessPopover.Panel {...props}>{children}</HeadlessPopover.Panel>;\n}\n"],
+  "mappings": ";AAmCS;AAnCT;AAAA,EACE,WAAW;AAAA,OAEN;AAGP,SAA6B,4BAA2B;AAEjD,aAAM,uBAAuB,qBAAqB,cAAc;AAShE,gBAAS,aAAa;AAAA,EAC3B,QAAQ,WAAW;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,MAAI,QAAQ,qBAAqB;AAGjC,MAAI,QAAiC;AAAA,IACnC,WAAW,MAAM,MAAM,SAAS;AAAA,IAChC;AAAA,EACF;AAEA,MAAI,UAAU;AACZ,UAAM,SAAS;AAAA,EACjB;AAEA,SAAO,oBAAC,gBAAgB,OAAhB,EAAuB,GAAG,OAAQ,UAAS;AACrD;",
+  "names": []
+}

package/build/components/Radio.d.ts

@@ -0,0 +1,24 @@
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useRadioTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => {
+    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    checked: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    unchecked: (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;
+}) & {
+    componentThemeName: "Radio";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+        readonly elements: ["root", "checked", "unchecked", "icon"];
+    };
+};
+export type RadioProps<T extends boolean | number | string> = ComponentProps<typeof useRadioTheme> & {
+    name?: string;
+    className?: string;
+    value: T;
+};
+export declare function Radio<T extends boolean | number | string>({ name, // TODO: use it somehow
+className, disabled, value, }: RadioProps<T>): import("react/jsx-runtime").JSX.Element;

package/build/components/Radio.js

@@ -0,0 +1,39 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Radio as HeadlessRadio } from "@headlessui/react";
+import { createComponentTheme } from "../theme/internals.js";
+export const useRadioTheme = createComponentTheme("Radio", {
+  variants: {
+    disabled: [true, false]
+  },
+  elements: ["root", "checked", "unchecked", "icon"]
+});
+export function Radio({
+  name,
+  // TODO: use it somehow
+  className,
+  disabled = false,
+  value
+}) {
+  let theme = useRadioTheme({ disabled });
+  return /* @__PURE__ */ jsxs(HeadlessRadio, { className: theme.root("group relative", className), value, children: [
+    /* @__PURE__ */ jsx("div", { className: theme.checked(), children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: theme.icon(),
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 25.334 25.334",
+        xmlSpace: "preserve",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M25.334,12.667c0,6.996-5.672,12.667-12.668,12.667C5.672,25.334,0,19.663,0,12.667S5.672,0,12.666,0 C19.662,0,25.334,5.671,25.334,12.667z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: theme.unchecked() })
+  ] });
+}
+//# sourceMappingURL=Radio.js.map

package/build/components/Radio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Radio.tsx"],
+  "sourcesContent": ["import {Radio as HeadlessRadio} from '@headlessui/react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useRadioTheme = createComponentTheme('Radio', {\n  variants: {\n    disabled: [true, false],\n  },\n  elements: ['root', 'checked', 'unchecked', 'icon'],\n});\n\nexport type RadioProps<T extends boolean | number | string> = ComponentProps<\n  typeof useRadioTheme\n> & {\n  name?: string;\n  className?: string;\n  value: T;\n};\n\nexport function Radio<T extends boolean | number | string>({\n  name, // TODO: use it somehow\n  className,\n  disabled = false,\n  value,\n}: RadioProps<T>) {\n  let theme = useRadioTheme({disabled});\n\n  return (\n    <HeadlessRadio className={theme.root('group relative', className)} value={value}>\n      <div className={theme.checked()}>\n        <svg\n          className={theme.icon()}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 25.334 25.334\"\n          xmlSpace=\"preserve\"\n        >\n          <path\n            d=\"M25.334,12.667c0,6.996-5.672,12.667-12.668,12.667C5.672,25.334,0,19.663,0,12.667S5.672,0,12.666,0 C19.662,0,25.334,5.671,25.334,12.667z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </div>\n      <div className={theme.unchecked()} />\n    </HeadlessRadio>\n  );\n}\n"],
+  "mappings": ";AA4BI,SAQM,KARN;AA5BJ,SAAQ,SAAS,qBAAoB;AAErC,SAA6B,4BAA2B;AAEjD,aAAM,gBAAgB,qBAAqB,SAAS;AAAA,EACzD,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AAAA,EACA,UAAU,CAAC,QAAQ,WAAW,aAAa,MAAM;AACnD,CAAC;AAUM,gBAAS,MAA2C;AAAA,EACzD;AAAA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAkB;AAChB,MAAI,QAAQ,cAAc,EAAC,SAAQ,CAAC;AAEpC,SACE,qBAAC,iBAAc,WAAW,MAAM,KAAK,kBAAkB,SAAS,GAAG,OACjE;AAAA,wBAAC,SAAI,WAAW,MAAM,QAAQ,GAC5B;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,KAAK;AAAA,QACtB,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,UAAS;AAAA,QAET;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAW,MAAM,UAAU,GAAG;AAAA,KACrC;AAEJ;",
+  "names": []
+}

package/build/components/RadioField.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useRadioFieldTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "RadioField";
+    themeDefinition: undefined;
+};
+export type RadioFieldProps = PropsWithChildren<ComponentProps<typeof useRadioFieldTheme> & {
+    className?: string;
+}>;
+export declare function RadioField({ /*name,*/ className, children }: RadioFieldProps): import("react/jsx-runtime").JSX.Element;

package/build/components/RadioField.js

@@ -0,0 +1,14 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Field as HeadlessField } from "@headlessui/react";
+import { createComponentTheme } from "../theme/internals.js";
+export const useRadioFieldTheme = createComponentTheme("RadioField");
+export function RadioField({
+  /*name,*/
+  className,
+  children
+}) {
+  let theme = useRadioFieldTheme();
+  return /* @__PURE__ */ jsx(HeadlessField, { className: theme(null, className), children });
+}
+//# sourceMappingURL=RadioField.js.map

package/build/components/RadioField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/RadioField.tsx"],
+  "sourcesContent": ["import {Field as HeadlessField} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n// import {fieldNameContext} from './fieldNameContext.js';\n// import {useForm} from './useForm.js';\n\nexport const useRadioFieldTheme = createComponentTheme('RadioField');\n\nexport type RadioFieldProps = PropsWithChildren<\n  ComponentProps<typeof useRadioFieldTheme> & {\n    className?: string;\n    // name?: string | undefined;\n  }\n>;\n\nexport function RadioField({/*name,*/ className, children}: RadioFieldProps) {\n  let theme = useRadioFieldTheme();\n  // let form = useForm();\n\n  // if (form && name) {\n  //   return (\n  //     <form.Field name={name} validators={validators}>\n  //       {(field) => (\n  //         <fieldNameContext.Provider value={field.name}>\n  //           <HeadlessField className={theme(null, className)}>{children}</HeadlessField>\n  //         </fieldNameContext.Provider>\n  //       )}\n  //     </form.Field>\n  //   );\n  // }\n\n  return <HeadlessField className={theme(null, className)}>{children}</HeadlessField>;\n}\n"],
+  "mappings": ";AAgCS;AAhCT,SAAQ,SAAS,qBAAoB;AAGrC,SAA6B,4BAA2B;AAIjD,aAAM,qBAAqB,qBAAqB,YAAY;AAS5D,gBAAS,WAAW;AAAA;AAAA,EAAW;AAAA,EAAW;AAAQ,GAAoB;AAC3E,MAAI,QAAQ,mBAAmB;AAe/B,SAAO,oBAAC,iBAAc,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AACrE;",
+  "names": []
+}

package/build/components/RadioGroupField.d.ts

@@ -0,0 +1,20 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useRadioGroupFieldTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "RadioGroupField";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+    };
+};
+export type RadioGroupFieldProps<T extends boolean | number | string> = PropsWithChildren<ComponentProps<typeof useRadioGroupFieldTheme> & {
+    name?: string;
+    className?: string;
+    value?: T;
+    defaultValue?: T;
+    onChange?: ((value: T) => void) | undefined;
+}>;
+export declare function RadioGroupField<T extends boolean | number | string>({ name, className, disabled, onChange, value, defaultValue, children, }: RadioGroupFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/build/components/RadioGroupField.js

@@ -0,0 +1,82 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { RadioGroup as HeadlessRadioGroup } from "@headlessui/react";
+import { useCallback } from "react";
+import { Controller } from "react-hook-form";
+import { createComponentTheme } from "../theme/internals.js";
+import { fieldNameContext, useForm } from "./internals.js";
+export const useRadioGroupFieldTheme = createComponentTheme("RadioGroupField", {
+  variants: {
+    disabled: [true, false]
+  }
+});
+export function RadioGroupField({
+  name,
+  className,
+  disabled = false,
+  onChange,
+  value,
+  defaultValue,
+  children
+}) {
+  let theme = useRadioGroupFieldTheme({ disabled });
+  let form = useForm();
+  let handleChange = useCallback(
+    (value2) => {
+      onChange?.(value2);
+    },
+    [onChange]
+  );
+  if (name && form) {
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name,
+        control: form.control,
+        render: ({ field }) => {
+          let handleChange2 = field.onChange;
+          let handleBlur = field.onBlur;
+          return /* @__PURE__ */ jsx(fieldNameContext.Provider, { value: name, children: /* @__PURE__ */ jsx(
+            HeadlessRadioGroup,
+            {
+              className: theme(null, className),
+              name,
+              value: field.value,
+              defaultValue,
+              disabled,
+              onChange: handleChange2,
+              onBlur: handleBlur,
+              children
+            }
+          ) });
+        }
+      }
+    );
+  }
+  if (name) {
+    return /* @__PURE__ */ jsx(fieldNameContext.Provider, { value: name, children: /* @__PURE__ */ jsx(
+      HeadlessRadioGroup,
+      {
+        className: theme(null, className),
+        name,
+        value,
+        defaultValue,
+        disabled,
+        onChange: handleChange,
+        children
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    HeadlessRadioGroup,
+    {
+      className: theme(null, className),
+      value,
+      defaultValue,
+      disabled,
+      onChange: handleChange,
+      children
+    }
+  );
+}
+//# sourceMappingURL=RadioGroupField.js.map

package/build/components/RadioGroupField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/RadioGroupField.tsx"],
+  "sourcesContent": ["/* eslint-disable react/jsx-no-bind -- needed */\nimport {RadioGroup as HeadlessRadioGroup} from '@headlessui/react';\nimport {type PropsWithChildren, useCallback} from 'react';\nimport {Controller} from 'react-hook-form';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\nimport {fieldNameContext, useForm} from './internals.js';\n\nexport const useRadioGroupFieldTheme = createComponentTheme('RadioGroupField', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nexport type RadioGroupFieldProps<T extends boolean | number | string> = PropsWithChildren<\n  ComponentProps<typeof useRadioGroupFieldTheme> & {\n    name?: string;\n    className?: string;\n    value?: T;\n    defaultValue?: T;\n    onChange?: ((value: T) => void) | undefined;\n  }\n>;\n\nexport function RadioGroupField<T extends boolean | number | string>({\n  name,\n  className,\n  disabled = false,\n  onChange,\n  value,\n  defaultValue,\n  children,\n}: RadioGroupFieldProps<T>) {\n  let theme = useRadioGroupFieldTheme({disabled});\n  let form = useForm();\n\n  let handleChange = useCallback(\n    (value: T) => {\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  if (name && form) {\n    return (\n      <Controller\n        name={name}\n        control={form.control}\n        render={({field}) => {\n          let handleChange = field.onChange;\n          let handleBlur = field.onBlur;\n\n          return (\n            <fieldNameContext.Provider value={name}>\n              <HeadlessRadioGroup\n                className={theme(null, className)}\n                name={name}\n                value={field.value as T}\n                defaultValue={defaultValue as T}\n                disabled={disabled}\n                onChange={handleChange}\n                onBlur={handleBlur}\n              >\n                {children}\n              </HeadlessRadioGroup>\n            </fieldNameContext.Provider>\n          );\n        }}\n      />\n    );\n  }\n\n  if (name) {\n    return (\n      <fieldNameContext.Provider value={name}>\n        <HeadlessRadioGroup\n          className={theme(null, className)}\n          name={name}\n          value={value as T}\n          defaultValue={defaultValue as T}\n          disabled={disabled}\n          onChange={handleChange}\n        >\n          {children}\n        </HeadlessRadioGroup>\n      </fieldNameContext.Provider>\n    );\n  }\n\n  return (\n    <HeadlessRadioGroup\n      className={theme(null, className)}\n      value={value as T}\n      defaultValue={defaultValue as T}\n      disabled={disabled}\n      onChange={handleChange}\n    >\n      {children}\n    </HeadlessRadioGroup>\n  );\n}\n"],
+  "mappings": ";AAsDc;AArDd,SAAQ,cAAc,0BAAyB;AAC/C,SAAgC,mBAAkB;AAClD,SAAQ,kBAAiB;AAEzB,SAA6B,4BAA2B;AACxD,SAAQ,kBAAkB,eAAc;AAEjC,aAAM,0BAA0B,qBAAqB,mBAAmB;AAAA,EAC7E,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AACF,CAAC;AAYM,gBAAS,gBAAqD;AAAA,EACnE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,MAAI,QAAQ,wBAAwB,EAAC,SAAQ,CAAC;AAC9C,MAAI,OAAO,QAAQ;AAEnB,MAAI,eAAe;AAAA,IACjB,CAACA,WAAa;AACZ,iBAAWA,MAAK;AAAA,IAClB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,MAAI,QAAQ,MAAM;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,KAAK;AAAA,QACd,QAAQ,CAAC,EAAC,MAAK,MAAM;AACnB,cAAIC,gBAAe,MAAM;AACzB,cAAI,aAAa,MAAM;AAEvB,iBACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAChC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,MAAM,MAAM,SAAS;AAAA,cAChC;AAAA,cACA,OAAO,MAAM;AAAA,cACb;AAAA,cACA;AAAA,cACA,UAAUA;AAAA,cACV,QAAQ;AAAA,cAEP;AAAA;AAAA,UACH,GACF;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,MAChC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,MAAM,SAAS;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QAET;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;",
+  "names": ["value", "handleChange"]
+}

package/build/components/Spinner.d.ts

@@ -0,0 +1,7 @@
+import React, { type FC } from 'react';
+export interface SpinnerProps extends React.ComponentProps<'svg'> {
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const Spinner: FC<SpinnerProps>;
+export declare const MemoizedSpinner: React.NamedExoticComponent<SpinnerProps>;

package/build/components/Spinner.js

@@ -0,0 +1,52 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { twMerge } from "tailwind-merge";
+export const Spinner = ({ size = "medium", className }) => {
+  let sizeClasses = "w-8 h-8";
+  if (size === "small") {
+    sizeClasses = "w-4 h-4";
+  } else if (size === "large") {
+    sizeClasses = "w-12 h-12";
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      className: twMerge(
+        "inline-flex items-center justify-center fill-black text-gray-200",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: `${sizeClasses} animate-spin`,
+            viewBox: "0 0 101 101",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+                  fill: "currentColor"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+                  fill: "currentFill"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+      ]
+    }
+  );
+};
+export const MemoizedSpinner = React.memo(Spinner);
+//# sourceMappingURL=Spinner.js.map

package/build/components/Spinner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Spinner.tsx"],
+  "sourcesContent": ["import React, {type FC} from 'react';\nimport {twMerge} from 'tailwind-merge';\n\nexport interface SpinnerProps extends React.ComponentProps<'svg'> {\n  className?: string;\n  size?: 'small' | 'medium' | 'large';\n}\n\nexport const Spinner: FC<SpinnerProps> = ({size = 'medium', className}) => {\n  let sizeClasses = 'w-8 h-8';\n\n  if (size === 'small') {\n    sizeClasses = 'w-4 h-4';\n  } else if (size === 'large') {\n    sizeClasses = 'w-12 h-12';\n  }\n\n  return (\n    <div\n      role=\"status\"\n      className={twMerge(\n        'inline-flex items-center justify-center fill-black text-gray-200',\n        className,\n      )}\n    >\n      <svg\n        aria-hidden=\"true\"\n        className={`${sizeClasses} animate-spin`}\n        viewBox=\"0 0 101 101\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n          fill=\"currentColor\"\n        />\n        <path\n          d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n          fill=\"currentFill\"\n        />\n      </svg>\n      <span className=\"sr-only\">Loading...</span>\n    </div>\n  );\n};\n\nexport const MemoizedSpinner = React.memo(Spinner);\n"],
+  "mappings": ";AAyBM,SAME,KANF;AAzBN,OAAO,WAAsB;AAC7B,SAAQ,eAAc;AAOf,aAAM,UAA4B,CAAC,EAAC,OAAO,UAAU,UAAS,MAAM;AACzE,MAAI,cAAc;AAElB,MAAI,SAAS,SAAS;AACpB,kBAAc;AAAA,EAChB,WAAW,SAAS,SAAS;AAC3B,kBAAc;AAAA,EAChB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAW,GAAG,WAAW;AAAA,YACzB,SAAQ;AAAA,YACR,OAAM;AAAA,YAEN;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA;AAAA,cACP;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,GAAE;AAAA,kBACF,MAAK;AAAA;AAAA,cACP;AAAA;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,UAAK,WAAU,WAAU,wBAAU;AAAA;AAAA;AAAA,EACtC;AAEJ;AAEO,aAAM,kBAAkB,MAAM,KAAK,OAAO;",
+  "names": []
+}

package/build/components/Table.d.ts

@@ -0,0 +1,16 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useTableTheme: (() => {
+    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    table: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+}) & {
+    componentThemeName: "Table";
+    themeDefinition: {
+        readonly elements: ["root", "table"];
+    };
+};
+export type TableProps = PropsWithChildren<ComponentProps<typeof useTableTheme> & {
+    gridTemplateColumns: string;
+    className?: string;
+}>;
+export declare function Table({ gridTemplateColumns, className, children }: TableProps): import("react/jsx-runtime").JSX.Element;

package/build/components/Table.js

@@ -0,0 +1,20 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { createComponentTheme } from "../theme/internals.js";
+export const useTableTheme = createComponentTheme("Table", {
+  elements: ["root", "table"]
+});
+export function Table({ gridTemplateColumns, className, children }) {
+  let theme = useTableTheme();
+  return /* @__PURE__ */ jsx("div", { className: theme.root(null, className), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: theme.table(null, className),
+      style: {
+        gridTemplateColumns
+      },
+      children
+    }
+  ) });
+}
+//# sourceMappingURL=Table.js.map

package/build/components/Table.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Table.tsx"],
+  "sourcesContent": ["import {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useTableTheme = createComponentTheme('Table', {\n  elements: ['root', 'table'],\n});\n\nexport type TableProps = PropsWithChildren<\n  ComponentProps<typeof useTableTheme> & {\n    gridTemplateColumns: string;\n    className?: string;\n  }\n>;\n\nexport function Table({gridTemplateColumns, className, children}: TableProps) {\n  let theme = useTableTheme();\n\n  return (\n    <div className={theme.root(null, className)}>\n      <div\n        className={theme.table(null, className)}\n        style={{\n          gridTemplateColumns,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],
+  "mappings": ";AAoBM;AAlBN,SAA6B,4BAA2B;AAEjD,aAAM,gBAAgB,qBAAqB,SAAS;AAAA,EACzD,UAAU,CAAC,QAAQ,OAAO;AAC5B,CAAC;AASM,gBAAS,MAAM,EAAC,qBAAqB,WAAW,SAAQ,GAAe;AAC5E,MAAI,QAAQ,cAAc;AAE1B,SACE,oBAAC,SAAI,WAAW,MAAM,KAAK,MAAM,SAAS,GACxC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,MAAM,MAAM,MAAM,SAAS;AAAA,MACtC,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;",
+  "names": []
+}

package/build/components/TableCell.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } 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 = PropsWithChildren<ComponentProps<typeof useTableCellTheme> & {
+    className?: string;
+}>;
+export declare function TableCell({ className, children }: TableCellProps): import("react/jsx-runtime").JSX.Element;

package/build/components/TableCell.js

@@ -0,0 +1,9 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { createComponentTheme } from "../theme/internals.js";
+export const useTableCellTheme = createComponentTheme("TableCell");
+export function TableCell({ className, children }) {
+  let theme = useTableCellTheme();
+  return /* @__PURE__ */ jsx("div", { className: theme(null, className), children });
+}
+//# sourceMappingURL=TableCell.js.map

package/build/components/TableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableCell.tsx"],
+  "sourcesContent": ["import {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useTableCellTheme = createComponentTheme('TableCell');\n\nexport type TableCellProps = PropsWithChildren<\n  ComponentProps<typeof useTableCellTheme> & {\n    className?: string;\n  }\n>;\n\nexport function TableCell({className, children}: TableCellProps) {\n  let theme = useTableCellTheme();\n\n  return <div className={theme(null, className)}>{children}</div>;\n}\n"],
+  "mappings": ";AAeS;AAbT,SAA6B,4BAA2B;AAEjD,aAAM,oBAAoB,qBAAqB,WAAW;AAQ1D,gBAAS,UAAU,EAAC,WAAW,SAAQ,GAAmB;AAC/D,MAAI,QAAQ,kBAAkB;AAE9B,SAAO,oBAAC,SAAI,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AAC3D;",
+  "names": []
+}

package/build/components/TableHeader.d.ts

@@ -0,0 +1,10 @@
+import { type PropsWithChildren } from 'react';
+import { type ComponentProps } 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 = PropsWithChildren<ComponentProps<typeof useTableHeaderTheme> & {
+    className?: string;
+}>;
+export declare function TableHeader({ className, children }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;

package/build/components/TableHeader.js

@@ -0,0 +1,8 @@
+"use strict";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createComponentTheme } from "../theme/internals.js";
+export const useTableHeaderTheme = createComponentTheme("TableHeader");
+export function TableHeader({ className, children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+//# sourceMappingURL=TableHeader.js.map

package/build/components/TableHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableHeader.tsx"],
+  "sourcesContent": ["import {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useTableHeaderTheme = createComponentTheme('TableHeader');\n\nexport type TableHeaderProps = PropsWithChildren<\n  ComponentProps<typeof useTableHeaderTheme> & {\n    className?: string;\n  }\n>;\n\nexport function TableHeader({className, children}: TableHeaderProps) {\n  // let theme = useTableHeaderTheme();\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment -- false positive\n  return <>{children}</>;\n  // return <div className={theme(null, className)}>{children}</div>;\n}\n"],
+  "mappings": ";AAgBS;AAdT,SAA6B,4BAA2B;AAEjD,aAAM,sBAAsB,qBAAqB,aAAa;AAQ9D,gBAAS,YAAY,EAAC,WAAW,SAAQ,GAAqB;AAInE,SAAO,gCAAG,UAAS;AAErB;",
+  "names": []
+}