@jakubmazanec/ui 0.1.0-unstable.0c19abe

package/build/components/TableHeaderCell.d.ts

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

package/build/components/TableHeaderCell.js

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

package/build/components/TableHeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/TableHeaderCell.tsx"],
+  "sourcesContent": ["import {type PropsWithChildren} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\n\nexport const useTableHeaderCellTheme = createComponentTheme('TableHeaderCell');\n\nexport type TableHeaderCellProps = PropsWithChildren<\n  ComponentProps<typeof useTableHeaderCellTheme> & {\n    className?: string;\n  }\n>;\n\nexport function TableHeaderCell({className, children}: TableHeaderCellProps) {\n  let theme = useTableHeaderCellTheme();\n\n  return <div className={theme(null, className)}>{children}</div>;\n}\n"],
+  "mappings": ";AAeS;AAbT,SAA6B,4BAA2B;AAEjD,aAAM,0BAA0B,qBAAqB,iBAAiB;AAQtE,gBAAS,gBAAgB,EAAC,WAAW,SAAQ,GAAyB;AAC3E,MAAI,QAAQ,wBAAwB;AAEpC,SAAO,oBAAC,SAAI,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AAC3D;",
+  "names": []
+}

package/build/components/TableRow.d.ts

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

package/build/components/TableRow.js

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

package/build/components/TableRow.js.map

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

package/build/components/Textarea.d.ts

@@ -0,0 +1,39 @@
+import { type ComponentType } from 'react';
+import { type ComponentProps } from '../theme/internals.js';
+export declare const useTextareaTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => {
+    root: (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;
+    input: (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", "input", "icon"];
+    };
+};
+export type TextareaProps = ComponentProps<typeof useTextareaTheme> & {
+    type?: 'number' | 'text' | undefined;
+    name?: string | undefined;
+    value?: number | string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<any> | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onBlur?: ((value: string) => void) | undefined;
+    placeholder?: string | undefined;
+};
+export declare const Textarea: import("react").ForwardRefExoticComponent<Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & {
+    type?: 'number' | 'text' | undefined;
+    name?: string | undefined;
+    value?: number | string | undefined;
+    className?: string | undefined;
+    icon?: ComponentType<any> | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onBlur?: ((value: string) => void) | undefined;
+    placeholder?: string | undefined;
+} & 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/Textarea.js

@@ -0,0 +1,104 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Textarea as HeadlessTextarea } from "@headlessui/react";
+import {
+  forwardRef,
+  useCallback
+} from "react";
+import { createComponentTheme } from "../theme/internals.js";
+import { useFieldName, useForm } from "./internals.js";
+export const useTextareaTheme = createComponentTheme("Textarea", {
+  variants: {
+    disabled: [true, false]
+  },
+  elements: ["root", "input", "icon"]
+});
+export const Textarea = forwardRef(
+  ({
+    type = "text",
+    name,
+    value,
+    className,
+    disabled = false,
+    icon: Icon,
+    onChange,
+    onBlur,
+    placeholder
+  }, ref) => {
+    let theme = useTextareaTheme({ disabled });
+    let form = useForm();
+    let fieldName = useFieldName();
+    let handleChange = useCallback(
+      (event) => {
+        onChange?.(event.target.value);
+      },
+      [onChange]
+    );
+    let handleBlur = useCallback(
+      (event) => {
+        onBlur?.(event.target.value);
+      },
+      [onBlur]
+    );
+    let rootProps = {
+      className: theme.root("relative", className),
+      type,
+      disabled
+    };
+    let inputProps = {
+      className: theme.input(null, className),
+      type,
+      disabled,
+      placeholder,
+      ref
+    };
+    if (Icon) {
+      rootProps["data-headlessui-icon"] = "";
+      inputProps["data-headlessui-icon"] = "";
+    }
+    if (fieldName && form && !name) {
+      if (ref) {
+        let register = form.register(fieldName, {
+          valueAsNumber: type === "number"
+        });
+        inputProps = {
+          ...inputProps,
+          ...register
+        };
+        inputProps.ref = (instance) => {
+          if (typeof ref === "function") {
+            throw new TypeError("Ref can't be a function!");
+          }
+          ref.current = instance;
+          register.ref(instance);
+        };
+      } else {
+        inputProps = {
+          ...inputProps,
+          ...form.register(fieldName, {
+            valueAsNumber: type === "number"
+          })
+        };
+      }
+      return /* @__PURE__ */ jsxs("span", { ...rootProps, children: [
+        /* @__PURE__ */ jsx(HeadlessTextarea, { ...inputProps }),
+        Icon ? /* @__PURE__ */ jsx(Icon, { className: theme.icon("absolute") }) : null
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("span", { ...rootProps, children: [
+      /* @__PURE__ */ jsx(
+        HeadlessTextarea,
+        {
+          name: name ?? "",
+          value: String(value ?? ""),
+          placeholder,
+          onChange: handleChange,
+          onBlur: handleBlur,
+          ...inputProps
+        }
+      ),
+      Icon ? /* @__PURE__ */ jsx(Icon, { className: theme.icon("absolute") }) : null
+    ] });
+  }
+);
+//# sourceMappingURL=Textarea.js.map

package/build/components/Textarea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Textarea.tsx"],
+  "sourcesContent": ["import {Textarea as HeadlessTextarea} from '@headlessui/react';\nimport {\n  type ChangeEvent,\n  type ComponentType,\n  type ElementType,\n  type FocusEvent,\n  forwardRef,\n  type Ref,\n  useCallback,\n} from 'react';\n\nimport {type ComponentProps, createComponentTheme} from '../theme/internals.js';\nimport {useFieldName, useForm} from './internals.js';\n\nexport const useTextareaTheme = createComponentTheme('Textarea', {\n  variants: {\n    disabled: [true, false],\n  },\n  elements: ['root', 'input', 'icon'],\n});\n\nexport type TextareaProps = ComponentProps<typeof useTextareaTheme> & {\n  type?: 'number' | 'text' | undefined;\n  name?: string | undefined;\n  value?: number | string | undefined;\n  className?: string | undefined;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  icon?: ComponentType<any> | undefined;\n  onChange?: ((value: string) => void) | undefined;\n  onBlur?: ((value: string) => void) | undefined;\n  placeholder?: string | undefined;\n};\n\nexport const Textarea = forwardRef(\n  <T extends ElementType = 'textarea'>(\n    {\n      type = 'text',\n      name,\n      value,\n      className,\n      disabled = false,\n      icon: Icon,\n      onChange,\n      onBlur,\n      placeholder,\n    }: TextareaProps,\n    ref: Ref<T>,\n  ) => {\n    let theme = useTextareaTheme({disabled});\n    let form = useForm();\n    let fieldName = useFieldName();\n\n    let handleChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event.target.value);\n      },\n      [onChange],\n    );\n\n    let handleBlur = useCallback(\n      (event: FocusEvent<HTMLTextAreaElement>) => {\n        onBlur?.(event.target.value);\n      },\n      [onBlur],\n    );\n\n    let rootProps: Record<string, unknown> = {\n      className: theme.root('relative', className),\n      type,\n      disabled,\n    };\n\n    let inputProps: Record<string, unknown> = {\n      className: theme.input(null, className),\n      type,\n      disabled,\n      placeholder,\n      ref,\n    };\n\n    if (Icon) {\n      rootProps['data-headlessui-icon'] = '';\n      inputProps['data-headlessui-icon'] = '';\n    }\n\n    if (fieldName && form && !name) {\n      if (ref) {\n        let register = form.register(fieldName, {\n          valueAsNumber: type === 'number',\n        });\n\n        inputProps = {\n          ...inputProps,\n          ...register,\n        };\n        inputProps.ref = (instance: unknown) => {\n          if (typeof ref === 'function') {\n            throw new TypeError(\"Ref can't be a function!\");\n          }\n\n          // @ts-expect-error -- we need to assign, and it actually works\n          // eslint-disable-next-line no-param-reassign -- needed\n          ref.current = instance;\n\n          register.ref(instance);\n        };\n      } else {\n        inputProps = {\n          ...inputProps,\n          ...form.register(fieldName, {\n            valueAsNumber: type === 'number',\n          }),\n        };\n      }\n\n      return (\n        <span {...rootProps}>\n          <HeadlessTextarea {...inputProps} />\n          {Icon ?\n            <Icon className={theme.icon('absolute')} />\n          : null}\n        </span>\n      );\n    }\n\n    return (\n      <span {...rootProps}>\n        <HeadlessTextarea\n          name={name ?? ''}\n          value={String(value ?? '')}\n          placeholder={placeholder}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          {...inputProps}\n        />\n        {Icon ?\n          <Icon className={theme.icon('absolute')} />\n        : null}\n      </span>\n    );\n  },\n);\n"],
+  "mappings": ";AAoHQ,SACE,KADF;AApHR,SAAQ,YAAY,wBAAuB;AAC3C;AAAA,EAKE;AAAA,EAEA;AAAA,OACK;AAEP,SAA6B,4BAA2B;AACxD,SAAQ,cAAc,eAAc;AAE7B,aAAM,mBAAmB,qBAAqB,YAAY;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AAAA,EACA,UAAU,CAAC,QAAQ,SAAS,MAAM;AACpC,CAAC;AAcM,aAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,QAAI,QAAQ,iBAAiB,EAAC,SAAQ,CAAC;AACvC,QAAI,OAAO,QAAQ;AACnB,QAAI,YAAY,aAAa;AAE7B,QAAI,eAAe;AAAA,MACjB,CAAC,UAA4C;AAC3C,mBAAW,MAAM,OAAO,KAAK;AAAA,MAC/B;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,QAAI,aAAa;AAAA,MACf,CAAC,UAA2C;AAC1C,iBAAS,MAAM,OAAO,KAAK;AAAA,MAC7B;AAAA,MACA,CAAC,MAAM;AAAA,IACT;AAEA,QAAI,YAAqC;AAAA,MACvC,WAAW,MAAM,KAAK,YAAY,SAAS;AAAA,MAC3C;AAAA,MACA;AAAA,IACF;AAEA,QAAI,aAAsC;AAAA,MACxC,WAAW,MAAM,MAAM,MAAM,SAAS;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,MAAM;AACR,gBAAU,sBAAsB,IAAI;AACpC,iBAAW,sBAAsB,IAAI;AAAA,IACvC;AAEA,QAAI,aAAa,QAAQ,CAAC,MAAM;AAC9B,UAAI,KAAK;AACP,YAAI,WAAW,KAAK,SAAS,WAAW;AAAA,UACtC,eAAe,SAAS;AAAA,QAC1B,CAAC;AAED,qBAAa;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AACA,mBAAW,MAAM,CAAC,aAAsB;AACtC,cAAI,OAAO,QAAQ,YAAY;AAC7B,kBAAM,IAAI,UAAU,0BAA0B;AAAA,UAChD;AAIA,cAAI,UAAU;AAEd,mBAAS,IAAI,QAAQ;AAAA,QACvB;AAAA,MACF,OAAO;AACL,qBAAa;AAAA,UACX,GAAG;AAAA,UACH,GAAG,KAAK,SAAS,WAAW;AAAA,YAC1B,eAAe,SAAS;AAAA,UAC1B,CAAC;AAAA,QACH;AAAA,MACF;AAEA,aACE,qBAAC,UAAM,GAAG,WACR;AAAA,4BAAC,oBAAkB,GAAG,YAAY;AAAA,QACjC,OACC,oBAAC,QAAK,WAAW,MAAM,KAAK,UAAU,GAAG,IACzC;AAAA,SACJ;AAAA,IAEJ;AAEA,WACE,qBAAC,UAAM,GAAG,WACR;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ;AAAA,UACd,OAAO,OAAO,SAAS,EAAE;AAAA,UACzB;AAAA,UACA,UAAU;AAAA,UACV,QAAQ;AAAA,UACP,GAAG;AAAA;AAAA,MACN;AAAA,MACC,OACC,oBAAC,QAAK,WAAW,MAAM,KAAK,UAAU,GAAG,IACzC;AAAA,OACJ;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/build/components/internals/fieldNameContext.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const fieldNameContext: import("react").Context<string | undefined>;

package/build/components/internals/fieldNameContext.js

@@ -0,0 +1,4 @@
+"use strict";
+import { createContext } from "react";
+export const fieldNameContext = createContext(void 0);
+//# sourceMappingURL=fieldNameContext.js.map

package/build/components/internals/fieldNameContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/internals/fieldNameContext.ts"],
+  "sourcesContent": ["import {createContext} from 'react';\n\nexport const fieldNameContext = createContext<string | undefined>(undefined);\n"],
+  "mappings": ";AAAA,SAAQ,qBAAoB;AAErB,aAAM,mBAAmB,cAAkC,MAAS;",
+  "names": []
+}

package/build/components/internals/formContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type UseFormReturn } from 'react-hook-form';
+export declare const formContext: import("react").Context<UseFormReturn | undefined>;

package/build/components/internals/formContext.js

@@ -0,0 +1,4 @@
+"use strict";
+import { createContext } from "react";
+export const formContext = createContext(void 0);
+//# sourceMappingURL=formContext.js.map

package/build/components/internals/formContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/internals/formContext.ts"],
+  "sourcesContent": ["import {createContext} from 'react';\nimport {type UseFormReturn} from 'react-hook-form';\n\nexport const formContext = createContext<UseFormReturn | undefined>(undefined);\n"],
+  "mappings": ";AAAA,SAAQ,qBAAoB;AAGrB,aAAM,cAAc,cAAyC,MAAS;",
+  "names": []
+}

package/build/components/internals/useField.d.ts

@@ -0,0 +1,6 @@
+export declare function useField(): {
+    name: string;
+    props: import("react-hook-form").ControllerRenderProps<import("react-hook-form").FieldValues, string>;
+    state: import("react-hook-form").ControllerFieldState;
+    form: import("react-hook-form").UseFormReturn;
+} | undefined;

package/build/components/internals/useField.js

@@ -0,0 +1,18 @@
+"use strict";
+import { useController } from "react-hook-form";
+import { useFieldName } from "./useFieldName.js";
+import { useForm } from "./useForm.js";
+export function useField() {
+  let name = useFieldName();
+  let form = useForm();
+  let { field, fieldState } = useController({
+    name: name ?? "",
+    control: form?.control
+    // TODO: `useControllel` doesn't accept `undefined` and cannot be called conditionally :(
+  });
+  if (!name || !form) {
+    return void 0;
+  }
+  return { name, props: field, state: fieldState, form };
+}
+//# sourceMappingURL=useField.js.map

package/build/components/internals/useField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/internals/useField.ts"],
+  "sourcesContent": ["import {type Control, useController} from 'react-hook-form';\n\nimport {useFieldName} from './useFieldName.js';\nimport {useForm} from './useForm.js';\n\nexport function useField() {\n  let name = useFieldName();\n  let form = useForm();\n  let {field, fieldState} = useController({\n    name: name ?? '',\n    control: form?.control as Control, // TODO: `useControllel` doesn't accept `undefined` and cannot be called conditionally :(\n  });\n\n  if (!name || !form) {\n    return undefined;\n  }\n\n  return {name, props: field, state: fieldState, form};\n}\n"],
+  "mappings": ";AAAA,SAAsB,qBAAoB;AAE1C,SAAQ,oBAAmB;AAC3B,SAAQ,eAAc;AAEf,gBAAS,WAAW;AACzB,MAAI,OAAO,aAAa;AACxB,MAAI,OAAO,QAAQ;AACnB,MAAI,EAAC,OAAO,WAAU,IAAI,cAAc;AAAA,IACtC,MAAM,QAAQ;AAAA,IACd,SAAS,MAAM;AAAA;AAAA,EACjB,CAAC;AAED,MAAI,CAAC,QAAQ,CAAC,MAAM;AAClB,WAAO;AAAA,EACT;AAEA,SAAO,EAAC,MAAM,OAAO,OAAO,OAAO,YAAY,KAAI;AACrD;",
+  "names": []
+}

package/build/components/internals/useFieldName.d.ts

@@ -0,0 +1 @@
+export declare function useFieldName(): string | undefined;

package/build/components/internals/useFieldName.js

@@ -0,0 +1,7 @@
+"use strict";
+import { useContext } from "react";
+import { fieldNameContext } from "./fieldNameContext.js";
+export function useFieldName() {
+  return useContext(fieldNameContext);
+}
+//# sourceMappingURL=useFieldName.js.map

package/build/components/internals/useFieldName.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/internals/useFieldName.ts"],
+  "sourcesContent": ["import {useContext} from 'react';\n\nimport {fieldNameContext} from './fieldNameContext.js';\n\nexport function useFieldName() {\n  return useContext(fieldNameContext);\n}\n"],
+  "mappings": ";AAAA,SAAQ,kBAAiB;AAEzB,SAAQ,wBAAuB;AAExB,gBAAS,eAAe;AAC7B,SAAO,WAAW,gBAAgB;AACpC;",
+  "names": []
+}

package/build/components/internals/useForm.d.ts

@@ -0,0 +1 @@
+export declare function useForm(): import("react-hook-form").UseFormReturn | undefined;

package/build/components/internals/useForm.js

@@ -0,0 +1,7 @@
+"use strict";
+import { useContext } from "react";
+import { formContext } from "./formContext.js";
+export function useForm() {
+  return useContext(formContext);
+}
+//# sourceMappingURL=useForm.js.map

package/build/components/internals/useForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/internals/useForm.ts"],
+  "sourcesContent": ["import {useContext} from 'react';\n\nimport {formContext} from './formContext.js';\n\nexport function useForm() {\n  return useContext(formContext);\n}\n"],
+  "mappings": ";AAAA,SAAQ,kBAAiB;AAEzB,SAAQ,mBAAkB;AAEnB,gBAAS,UAAU;AACxB,SAAO,WAAW,WAAW;AAC/B;",
+  "names": []
+}

package/build/components/internals.d.ts

@@ -0,0 +1,5 @@
+export * from './internals/fieldNameContext.js';
+export * from './internals/formContext.js';
+export * from './internals/useField.js';
+export * from './internals/useFieldName.js';
+export * from './internals/useForm.js';

package/build/components/internals.js

@@ -0,0 +1,7 @@
+"use strict";
+export * from "./internals/fieldNameContext.js";
+export * from "./internals/formContext.js";
+export * from "./internals/useField.js";
+export * from "./internals/useFieldName.js";
+export * from "./internals/useForm.js";
+//# sourceMappingURL=internals.js.map

package/build/components/internals.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/internals.ts"],
+  "sourcesContent": ["export * from './internals/fieldNameContext.js';\nexport * from './internals/formContext.js';\nexport * from './internals/useField.js';\nexport * from './internals/useFieldName.js';\nexport * from './internals/useForm.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build/components.d.ts

@@ -0,0 +1,32 @@
+export * from './components/Button.js';
+export * from './components/Card.js';
+export * from './components/Checkbox.js';
+export * from './components/CheckboxField.js';
+export * from './components/Combobox.js';
+export * from './components/ConfirmDialog.js';
+export * from './components/Dialog.js';
+export * from './components/DialogPanel.js';
+export * from './components/DialogTitle.js';
+export * from './components/Error.js';
+export * from './components/Field.js';
+export * from './components/Form.js';
+export * from './components/Input.js';
+export * from './components/Label.js';
+export * from './components/Listbox.js';
+export * from './components/Menu.js';
+export * from './components/MenuButton.js';
+export * from './components/MenuItem.js';
+export * from './components/MenuItems.js';
+export * from './components/Popover.js';
+export * from './components/PopoverButton.js';
+export * from './components/PopoverPanel.js';
+export * from './components/Radio.js';
+export * from './components/RadioField.js';
+export * from './components/RadioGroupField.js';
+export * from './components/Spinner.js';
+export * from './components/Table.js';
+export * from './components/TableCell.js';
+export * from './components/TableHeader.js';
+export * from './components/TableHeaderCell.js';
+export * from './components/TableRow.js';
+export * from './components/Textarea.js';

package/build/components.js

@@ -0,0 +1,34 @@
+"use strict";
+export * from "./components/Button.js";
+export * from "./components/Card.js";
+export * from "./components/Checkbox.js";
+export * from "./components/CheckboxField.js";
+export * from "./components/Combobox.js";
+export * from "./components/ConfirmDialog.js";
+export * from "./components/Dialog.js";
+export * from "./components/DialogPanel.js";
+export * from "./components/DialogTitle.js";
+export * from "./components/Error.js";
+export * from "./components/Field.js";
+export * from "./components/Form.js";
+export * from "./components/Input.js";
+export * from "./components/Label.js";
+export * from "./components/Listbox.js";
+export * from "./components/Menu.js";
+export * from "./components/MenuButton.js";
+export * from "./components/MenuItem.js";
+export * from "./components/MenuItems.js";
+export * from "./components/Popover.js";
+export * from "./components/PopoverButton.js";
+export * from "./components/PopoverPanel.js";
+export * from "./components/Radio.js";
+export * from "./components/RadioField.js";
+export * from "./components/RadioGroupField.js";
+export * from "./components/Spinner.js";
+export * from "./components/Table.js";
+export * from "./components/TableCell.js";
+export * from "./components/TableHeader.js";
+export * from "./components/TableHeaderCell.js";
+export * from "./components/TableRow.js";
+export * from "./components/Textarea.js";
+//# sourceMappingURL=components.js.map

package/build/components.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../source/components.ts"],
+  "sourcesContent": ["export * from './components/Button.js';\nexport * from './components/Card.js';\nexport * from './components/Checkbox.js';\nexport * from './components/CheckboxField.js';\nexport * from './components/Combobox.js';\nexport * from './components/ConfirmDialog.js';\nexport * from './components/Dialog.js';\nexport * from './components/DialogPanel.js';\nexport * from './components/DialogTitle.js';\nexport * from './components/Error.js';\nexport * from './components/Field.js';\nexport * from './components/Form.js';\nexport * from './components/Input.js';\nexport * from './components/Label.js';\nexport * from './components/Listbox.js';\nexport * from './components/Menu.js';\nexport * from './components/MenuButton.js';\nexport * from './components/MenuItem.js';\nexport * from './components/MenuItems.js';\nexport * from './components/Popover.js';\nexport * from './components/PopoverButton.js';\nexport * from './components/PopoverPanel.js';\nexport * from './components/Radio.js';\nexport * from './components/RadioField.js';\nexport * from './components/RadioGroupField.js';\nexport * from './components/Spinner.js';\nexport * from './components/Table.js';\nexport * from './components/TableCell.js';\nexport * from './components/TableHeader.js';\nexport * from './components/TableHeaderCell.js';\nexport * from './components/TableRow.js';\nexport * from './components/Textarea.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build/development/createTailwindConfig.d.ts

@@ -0,0 +1,18 @@
+import { type Config as TailwindConfig } from 'tailwindcss';
+import { type DEFAULT_STOPS } from './internals/constants.js';
+export type CreateTailwindConfigOptions = {
+    content?: string[] | undefined;
+    colors?: Record<string, string | {
+        swatches: Array<{
+            hex: string;
+            stop: (typeof DEFAULT_STOPS)[number];
+        }>;
+        hueShift?: number;
+        saturationShift?: number;
+    } | {
+        hex: string;
+        hueShift?: number;
+        saturationShift?: number;
+    }>;
+};
+export declare function createTailwindConfig({ content, colors, }?: CreateTailwindConfigOptions): TailwindConfig;

package/build/development/createTailwindConfig.js

@@ -0,0 +1,125 @@
+"use strict";
+import tailwindPlugin from "tailwindcss/plugin";
+import { DEFAULT_STOP } from "./internals/constants.js";
+import { createPalette } from "./internals/createPalette.js";
+import { resolveModule } from "./internals/resolveModule.js";
+const PREFIX = "ui";
+let plugin = tailwindPlugin;
+export function createTailwindConfig({
+  content = ["./{.storybook,app,source,stories}/**/*.{js,jsx,ts,tsx,mdx}"],
+  colors
+} = {}) {
+  let themeColors = {
+    transparent: "transparent",
+    current: "currentColor",
+    white: "#fff",
+    black: "#000"
+  };
+  for (let [name, color] of Object.entries(colors ?? {})) {
+    if (typeof color === "string") {
+      themeColors = {
+        ...themeColors,
+        ...createPalette({
+          name,
+          swatches: [
+            {
+              hex: color,
+              stop: DEFAULT_STOP
+            }
+          ],
+          hueShift: 0,
+          saturationShift: 0
+        })
+      };
+    } else if ("swatches" in color) {
+      themeColors = {
+        ...themeColors,
+        ...createPalette({
+          name,
+          swatches: color.swatches,
+          hueShift: color.hueShift ?? 0,
+          saturationShift: color.saturationShift ?? 0
+        })
+      };
+    } else if ("hex" in color) {
+      themeColors = {
+        ...themeColors,
+        ...createPalette({
+          name,
+          swatches: [{ hex: color.hex, stop: DEFAULT_STOP }],
+          hueShift: color.hueShift ?? 0,
+          saturationShift: color.saturationShift ?? 0
+        })
+      };
+    }
+  }
+  let resolvedContent = [];
+  for (let contentPath of content) {
+    if (contentPath.startsWith(".") || contentPath.startsWith("/")) {
+      resolvedContent.push(contentPath);
+    } else if (typeof document !== "undefined") {
+      resolvedContent.push(`${resolveModule(contentPath)}/**`);
+    }
+  }
+  return {
+    content: resolvedContent,
+    theme: {
+      colors: themeColors,
+      extend: {
+        spacing: {
+          13: "3.25rem",
+          15: "3.75",
+          17: "4.25rem",
+          18: "4.5rem",
+          19: "4.75rem",
+          21: "5.25rem",
+          22: "5.5rem",
+          23: "5.75rem",
+          25: "6.25rem",
+          26: "6.5rem",
+          27: "6.75rem",
+          29: "6.25rem",
+          30: "7.5rem",
+          34: "8.5rem",
+          38: "9.5rem",
+          40: "10rem"
+        },
+        fontFamily: {
+          sans: [
+            "InterVariable",
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+            '"Apple Color Emoji"',
+            '"Segoe UI Emoji"',
+            '"Segoe UI Symbol"',
+            '"Noto Color Emoji"'
+          ]
+        }
+      }
+    },
+    future: {
+      hoverOnlyWhenSupported: true
+    },
+    plugins: [
+      plugin(({ addVariant }) => {
+        for (let state of ["open", "checked", "selected", "active", "disabled"]) {
+          addVariant(`${PREFIX}-${state}`, [
+            `&[data-headlessui-state~="${state}"]`,
+            `:where([data-headlessui-state~="${state}"]) &`
+          ]);
+          addVariant(`${PREFIX}-not-${state}`, [
+            `&[data-headlessui-state]:not([data-headlessui-state~="${state}"])`,
+            `:where([data-headlessui-state]:not([data-headlessui-state~="${state}"])) &:not([data-headlessui-state])`
+          ]);
+        }
+        addVariant(`${PREFIX}-focus-visible`, ":where([data-headlessui-focus-visible]) &:focus");
+        addVariant(
+          `${PREFIX}-not-focus-visible`,
+          "&:focus:where(:not([data-headlessui-focus-visible] &))"
+        );
+      })
+    ]
+  };
+}
+//# sourceMappingURL=createTailwindConfig.js.map

package/build/development/createTailwindConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/development/createTailwindConfig.ts"],
+  "sourcesContent": ["import {type Config as TailwindConfig} from 'tailwindcss';\n// TODO: fix this when Tailwind CSS v4 is released\n// @ts-expect-error -- Tailwind CSS v3 is missing `exports` field in the package.json file, and it won't be added\nimport tailwindPlugin from 'tailwindcss/plugin';\nimport type TailwindPlugin from 'tailwindcss/plugin.d.ts';\n\nimport {DEFAULT_STOP, type DEFAULT_STOPS} from './internals/constants.js';\nimport {createPalette} from './internals/createPalette.js';\nimport {resolveModule} from './internals/resolveModule.js';\n\nconst PREFIX = 'ui';\n\nlet plugin = tailwindPlugin as typeof TailwindPlugin;\n\nexport type CreateTailwindConfigOptions = {\n  content?: string[] | undefined;\n  colors?: Record<\n    string,\n    | string\n    | {\n        swatches: Array<{hex: string; stop: (typeof DEFAULT_STOPS)[number]}>;\n        hueShift?: number;\n        saturationShift?: number;\n      }\n    | {hex: string; hueShift?: number; saturationShift?: number}\n  >;\n};\n\nexport function createTailwindConfig({\n  content = ['./{.storybook,app,source,stories}/**/*.{js,jsx,ts,tsx,mdx}'],\n  colors,\n}: CreateTailwindConfigOptions = {}): TailwindConfig {\n  let themeColors = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#000',\n  };\n\n  for (let [name, color] of Object.entries(colors ?? {})) {\n    if (typeof color === 'string') {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [\n            {\n              hex: color,\n              stop: DEFAULT_STOP,\n            },\n          ],\n          hueShift: 0,\n          saturationShift: 0,\n        }),\n      };\n    } else if ('swatches' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: color.swatches,\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    } else if ('hex' in color) {\n      themeColors = {\n        ...themeColors,\n        ...createPalette({\n          name,\n          swatches: [{hex: color.hex, stop: DEFAULT_STOP}],\n          hueShift: color.hueShift ?? 0,\n          saturationShift: color.saturationShift ?? 0,\n        }),\n      };\n    }\n  }\n\n  let resolvedContent = [];\n\n  for (let contentPath of content) {\n    if (contentPath.startsWith('.') || contentPath.startsWith('/')) {\n      resolvedContent.push(contentPath);\n    } else if (typeof document !== 'undefined') {\n      resolvedContent.push(`${resolveModule(contentPath)}/**`);\n    }\n  }\n\n  return {\n    content: resolvedContent,\n    theme: {\n      colors: themeColors,\n      extend: {\n        spacing: {\n          13: '3.25rem',\n          15: '3.75',\n          17: '4.25rem',\n          18: '4.5rem',\n          19: '4.75rem',\n          21: '5.25rem',\n          22: '5.5rem',\n          23: '5.75rem',\n          25: '6.25rem',\n          26: '6.5rem',\n          27: '6.75rem',\n          29: '6.25rem',\n          30: '7.5rem',\n          34: '8.5rem',\n          38: '9.5rem',\n          40: '10rem',\n        },\n        fontFamily: {\n          sans: [\n            'InterVariable',\n            'ui-sans-serif',\n            'system-ui',\n            'sans-serif',\n            '\"Apple Color Emoji\"',\n            '\"Segoe UI Emoji\"',\n            '\"Segoe UI Symbol\"',\n            '\"Noto Color Emoji\"',\n          ],\n        },\n      },\n    },\n    future: {\n      hoverOnlyWhenSupported: true,\n    },\n    plugins: [\n      plugin(({addVariant}) => {\n        for (let state of ['open', 'checked', 'selected', 'active', 'disabled']) {\n          addVariant(`${PREFIX}-${state}`, [\n            `&[data-headlessui-state~=\"${state}\"]`,\n            `:where([data-headlessui-state~=\"${state}\"]) &`,\n          ]);\n\n          addVariant(`${PREFIX}-not-${state}`, [\n            `&[data-headlessui-state]:not([data-headlessui-state~=\"${state}\"])`,\n            `:where([data-headlessui-state]:not([data-headlessui-state~=\"${state}\"])) &:not([data-headlessui-state])`,\n          ]);\n        }\n\n        addVariant(`${PREFIX}-focus-visible`, ':where([data-headlessui-focus-visible]) &:focus');\n        addVariant(\n          `${PREFIX}-not-focus-visible`,\n          '&:focus:where(:not([data-headlessui-focus-visible] &))',\n        );\n      }),\n    ],\n  };\n}\n\n// plugins based on https://github.com/tailwindlabs/headlessui/tree/626a253dcf09589e2a2fbbfd0c279120153394cc/packages/@headlessui-tailwindcss (see https://github.com/tailwindlabs/headlessui/blob/626a253dcf09589e2a2fbbfd0c279120153394cc/packages/%40headlessui-tailwindcss/LICENSE for license)\n"],
+  "mappings": "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",
+  "names": []
+}

package/build/development/createTailwindMerge.d.ts

@@ -0,0 +1,2 @@
+import { type Config as TailwindConfig } from 'tailwindcss';
+export declare function createTailwindMerge(tailwindConfig: TailwindConfig): (...classLists: import("tailwind-merge").ClassNameValue[]) => string;