@zayne-labs/ui-react 0.4.2 → 0.5.0

package/dist/esm/chunk-6BUR5OWX.js

@@ -0,0 +1,135 @@
+import * as React2 from 'react';
+import { useState, Component, Suspense, use } from 'react';
+import { createCustomContext, useCallbackRef } from '@zayne-labs/toolkit-react';
+import { isFunction } from '@zayne-labs/toolkit-type-helpers';
+
+// src/components/common/await/await.tsx
+var [ErrorBoundaryContextProvider, useErrorBoundaryContext] = createCustomContext({
+  hookName: "useErrorBoundaryContext",
+  name: "ErrorBoundaryContext",
+  providerName: "ErrorBoundaryContextProvider"
+});
+var useErrorBoundary = () => {
+  const { resetErrorBoundary } = useErrorBoundaryContext();
+  const [state, setState] = useState({
+    error: null,
+    hasError: false
+  });
+  if (state.hasError) {
+    throw state.error;
+  }
+  const resetBoundary = useCallbackRef(() => {
+    resetErrorBoundary();
+    setState({
+      error: null,
+      hasError: false
+    });
+  });
+  const showBoundary = useCallbackRef((error) => {
+    setState({
+      error,
+      hasError: true
+    });
+  });
+  return { resetBoundary, showBoundary };
+};
+var initialState = {
+  error: null,
+  hasError: false
+};
+var hasArrayChanged = (a = [], b = []) => {
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+};
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return { error, hasError: true };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { hasError } = this.state;
+    const { resetKeys } = this.props;
+    if (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      this.props.onReset?.({
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const { children, fallback } = this.props;
+    const { error, hasError } = this.state;
+    let childToRender = children;
+    if (hasError) {
+      switch (true) {
+        case isFunction(fallback): {
+          const props = { error, resetErrorBoundary: this.#resetErrorBoundary };
+          childToRender = fallback(props);
+          break;
+        }
+        case fallback !== void 0: {
+          childToRender = fallback;
+          break;
+        }
+        default: {
+          console.error("error-boundary requires a fallback prop");
+          throw error;
+        }
+      }
+    }
+    return /* @__PURE__ */ React2.createElement(
+      ErrorBoundaryContextProvider,
+      {
+        value: { error, hasError, resetErrorBoundary: this.#resetErrorBoundary }
+      },
+      childToRender
+    );
+  }
+  #resetErrorBoundary = (...args) => {
+    const { error } = this.state;
+    if (error !== null) {
+      this.props.onReset?.({
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  };
+};
+
+// src/components/common/await/await.tsx
+function Await(props) {
+  const { errorFallback, fallback, ...restOfProps } = props;
+  const awaitedInnerElement = /* @__PURE__ */ React2.createElement(AwaitInner, { ...restOfProps });
+  switch (true) {
+    // eslint-disable-next-line ts-eslint/prefer-nullish-coalescing -- || makes more sense here
+    case (errorFallback && fallback || errorFallback): {
+      return /* @__PURE__ */ React2.createElement(ErrorBoundary, { fallback: errorFallback }, /* @__PURE__ */ React2.createElement(Suspense, { fallback }, awaitedInnerElement), ";");
+    }
+    case fallback: {
+      return /* @__PURE__ */ React2.createElement(Suspense, { fallback }, awaitedInnerElement);
+    }
+    default: {
+      return awaitedInnerElement;
+    }
+  }
+}
+function AwaitInner(props) {
+  const { children, promise, render } = props;
+  const result = use(promise);
+  if (typeof children === "function") {
+    return children(result);
+  }
+  return render(result);
+}
+
+export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };
+//# sourceMappingURL=chunk-6BUR5OWX.js.map
+//# sourceMappingURL=chunk-6BUR5OWX.js.map

package/dist/esm/chunk-6BUR5OWX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/error-boundary/error-boundary-context.ts","../../src/components/common/error-boundary/useErrorBoundary.ts","../../src/components/common/error-boundary/error-boundary.tsx","../../src/components/common/await/await.tsx"],"names":["React"],"mappings":"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","file":"chunk-6BUR5OWX.js","sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\n\nexport type ErrorBoundaryContextType = {\n\terror: unknown;\n\thasError: boolean;\n\tresetErrorBoundary: (...args: unknown[]) => void;\n};\n\nexport const [ErrorBoundaryContextProvider, useErrorBoundaryContext] =\n\tcreateCustomContext<ErrorBoundaryContextType>({\n\t\thookName: \"useErrorBoundaryContext\",\n\t\tname: \"ErrorBoundaryContext\",\n\t\tproviderName: \"ErrorBoundaryContextProvider\",\n\t});\n","import { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useErrorBoundaryContext } from \"./error-boundary-context\";\n\ntype UseErrorBoundaryState<TError extends Error> =\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  }\n\t| {\n\t\t\terror: TError;\n\t\t\thasError: true;\n\t  };\n\nexport const useErrorBoundary = <TError extends Error>() => {\n\tconst { resetErrorBoundary } = useErrorBoundaryContext();\n\n\tconst [state, setState] = useState<UseErrorBoundaryState<TError>>({\n\t\terror: null,\n\t\thasError: false,\n\t});\n\n\tif (state.hasError) {\n\t\tthrow state.error;\n\t}\n\n\tconst resetBoundary = useCallbackRef(() => {\n\t\tresetErrorBoundary();\n\n\t\tsetState({\n\t\t\terror: null,\n\t\t\thasError: false,\n\t\t});\n\t});\n\n\tconst showBoundary = useCallbackRef((error: TError) => {\n\t\tsetState({\n\t\t\terror,\n\t\t\thasError: true,\n\t\t});\n\t});\n\n\treturn { resetBoundary, showBoundary };\n};\n","import { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Component } from \"react\";\nimport { ErrorBoundaryContextProvider } from \"./error-boundary-context\";\nimport type { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState =\n\t| {\n\t\t\terror: Error;\n\t\t\thasError: true;\n\t  }\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  };\n\nconst initialState: ErrorBoundaryState = {\n\terror: null,\n\thasError: false,\n};\n\nconst hasArrayChanged = (a: unknown[] = [], b: unknown[] = []) => {\n\treturn a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n};\n\n/**\n * Copied from react-error-boundary package\n * @see https://github.com/bvaughn/react-error-boundary\n */\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\n\t\tthis.state = initialState;\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error, hasError: true };\n\t}\n\n\toverride componentDidCatch(error: Error, info: React.ErrorInfo) {\n\t\tthis.props.onError?.(error, info);\n\t}\n\n\toverride componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n\t\tconst { hasError } = this.state;\n\t\tconst { resetKeys } = this.props;\n\n\t\t// There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,\n\t\t// we'd end up resetting the error boundary immediately.\n\t\t// This would likely trigger a second error to be thrown.\n\t\t// So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n\t\tif (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n\t\t\tthis.props.onReset?.({\n\t\t\t\tnext: resetKeys,\n\t\t\t\tprev: prevProps.resetKeys,\n\t\t\t\treason: \"keys\",\n\t\t\t});\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t}\n\n\toverride render() {\n\t\tconst { children, fallback } = this.props;\n\t\tconst { error, hasError } = this.state;\n\n\t\tlet childToRender = children;\n\n\t\tif (hasError) {\n\t\t\tswitch (true) {\n\t\t\t\tcase isFunction(fallback): {\n\t\t\t\t\tconst props: FallbackProps = { error, resetErrorBoundary: this.#resetErrorBoundary };\n\n\t\t\t\t\tchildToRender = fallback(props);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase fallback !== undefined: {\n\t\t\t\t\tchildToRender = fallback;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault: {\n\t\t\t\t\tconsole.error(\"error-boundary requires a fallback prop\");\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryContextProvider\n\t\t\t\tvalue={{ error, hasError, resetErrorBoundary: this.#resetErrorBoundary }}\n\t\t\t>\n\t\t\t\t{childToRender}\n\t\t\t</ErrorBoundaryContextProvider>\n\t\t);\n\t}\n\n\t#resetErrorBoundary = (...args: unknown[]) => {\n\t\tconst { error } = this.state;\n\n\t\tif (error !== null) {\n\t\t\tthis.props.onReset?.({\n\t\t\t\targs,\n\t\t\t\treason: \"imperative-api\",\n\t\t\t});\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t};\n}\n\nexport { ErrorBoundary };\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { Suspense, use } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps } from \"../error-boundary\";\n\ntype RenderPropFn<Tvalue> = (result: Tvalue) => React.ReactNode;\n\nexport type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {\n\tpromise: Promise<Tvalue>;\n};\n\ntype AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & {\n\terrorFallback?: ErrorBoundaryProps[\"fallback\"];\n\tfallback?: React.ReactNode;\n};\n\nexport function Await<Tvalue>(props: AwaitProps<Tvalue>) {\n\tconst { errorFallback, fallback, ...restOfProps } = props;\n\n\tconst awaitedInnerElement = <AwaitInner {...restOfProps} />;\n\n\tswitch (true) {\n\t\t// eslint-disable-next-line ts-eslint/prefer-nullish-coalescing -- || makes more sense here\n\t\tcase (errorFallback && fallback) || errorFallback: {\n\t\t\treturn (\n\t\t\t\t<ErrorBoundary fallback={errorFallback}>\n\t\t\t\t\t<Suspense fallback={fallback}>{awaitedInnerElement}</Suspense>;\n\t\t\t\t</ErrorBoundary>\n\t\t\t);\n\t\t}\n\n\t\tcase fallback: {\n\t\t\treturn <Suspense fallback={fallback}>{awaitedInnerElement}</Suspense>;\n\t\t}\n\n\t\tdefault: {\n\t\t\treturn awaitedInnerElement;\n\t\t}\n\t}\n}\n\nfunction AwaitInner<TValue>(props: AwaitInnerProps<TValue>) {\n\tconst { children, promise, render } = props;\n\n\tconst result = use(promise);\n\n\tif (typeof children === \"function\") {\n\t\treturn children(result);\n\t}\n\n\treturn render(result);\n}\n"]}

package/dist/esm/common/index.d.ts

@@ -1,8 +1,77 @@
+import * as react from 'react';
+import { Component } from 'react';
+import { DiscriminatedRenderProps } from '@zayne-labs/toolkit-react/utils';
 export { ForBase, ForList, ForRenderProps, getElementList } from './for/index.js';
 export { Show, ShowContent, ShowFallback, ShowRoot } from './show/index.js';
 export { Slot, Slottable } from './slot/index.js';
 export { Switch, SwitchDefault, SwitchMatch, SwitchRoot } from './switch/index.js';
 export { Teleport } from './teleport/index.js';
-import 'react';
-import '@zayne-labs/toolkit-react/utils';
 import '@zayne-labs/toolkit-type-helpers';
+
+type ErrorBoundaryContextType = {
+    error: unknown;
+    hasError: boolean;
+    resetErrorBoundary: (...args: unknown[]) => void;
+};
+declare const useErrorBoundaryContext: () => ErrorBoundaryContextType;
+
+declare const useErrorBoundary: <TError extends Error>() => {
+    resetBoundary: () => void;
+    showBoundary: (error: TError) => void;
+};
+
+type FallbackProps = {
+    error: unknown;
+    resetErrorBoundary: (...args: unknown[]) => void;
+};
+type ErrorBoundaryProps = {
+    children: React.ReactNode;
+    fallback: React.ReactNode | ((props: FallbackProps) => React.ReactNode);
+    onError?: (error: Error, info: React.ErrorInfo & {
+        ownerStack?: string;
+    }) => void;
+    onReset?: (details: {
+        args: unknown[];
+        reason: "imperative-api";
+    } | {
+        next: unknown[] | undefined;
+        prev: unknown[] | undefined;
+        reason: "keys";
+    }) => void;
+    resetKeys?: unknown[];
+};
+
+type ErrorBoundaryState = {
+    error: Error;
+    hasError: true;
+} | {
+    error: null;
+    hasError: false;
+};
+/**
+ * Copied from react-error-boundary package
+ * @see https://github.com/bvaughn/react-error-boundary
+ */
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    #private;
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, info: react.ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
+    render(): react.JSX.Element;
+}
+
+type RenderPropFn<Tvalue> = (result: Tvalue) => react.ReactNode;
+type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {
+    promise: Promise<Tvalue>;
+};
+type AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & {
+    errorFallback?: ErrorBoundaryProps["fallback"];
+    fallback?: react.ReactNode;
+};
+declare function Await<Tvalue>(props: AwaitProps<Tvalue>): react.JSX.Element;
+
+export { Await, type AwaitInnerProps, ErrorBoundary, type ErrorBoundaryContextType, type ErrorBoundaryProps, type FallbackProps, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/common/index.js

@@ -1,4 +1,4 @@
-import '../chunk-HKPJTORQ.js';
+export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from '../chunk-6BUR5OWX.js';
 export { ForBase, ForList, getElementList } from '../chunk-DW3FXTFL.js';
 export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot } from '../chunk-NCS3WKFW.js';
 export { Slot, Slottable } from '../chunk-ENDWJXPF.js';

package/dist/esm/index.d.ts

@@ -4,6 +4,7 @@ export { useDragScroll } from './ui/drag-scroll/index.js';
 export { DropZone, InputProps, RootProps, UseDropZoneProps, useDropZone } from './ui/drop-zone/index.js';
 export { FieldValues, Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormFieldSubscribe, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormStateSubscribe, FormSubmit, FormTextAreaPrimitive, useFormFieldContext } from './ui/form/index.js';
 export { useFormContext as useFormRootContext } from 'react-hook-form';
+export { Await, AwaitInnerProps, ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary, useErrorBoundaryContext } from './common/index.js';
 export { ForBase, ForList, ForRenderProps, getElementList } from './common/for/index.js';
 export { Show, ShowContent, ShowFallback, ShowRoot } from './common/show/index.js';
 export { Slot, Slottable } from './common/slot/index.js';

package/dist/esm/index.js

@@ -5,7 +5,7 @@ export { useDragScroll } from './chunk-E42DOTGX.js';
 export { DropZone, useDropZone } from './chunk-2YCUMTC7.js';
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormFieldSubscribe, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormStateSubscribe, FormSubmit, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from './chunk-3OWAXCPZ.js';
 import './chunk-OHG7GB7O.js';
-import './chunk-HKPJTORQ.js';
+export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from './chunk-6BUR5OWX.js';
 export { ForBase, ForList, getElementList } from './chunk-DW3FXTFL.js';
 export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot } from './chunk-NCS3WKFW.js';
 export { Slot, Slottable } from './chunk-ENDWJXPF.js';

package/dist/esm/ui/drag-scroll/index.d.ts

@@ -69,6 +69,8 @@ declare const useDragScroll: <TElement extends HTMLElement>(props?: DragScrollPr
         inert?: boolean | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -276,6 +278,8 @@ declare const useDragScroll: <TElement extends HTMLElement>(props?: DragScrollPr
         onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLElement> | undefined;
         onScroll?: react.UIEventHandler<HTMLElement> | undefined;
         onScrollCapture?: react.UIEventHandler<HTMLElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLElement> | undefined;
         onWheel?: react.WheelEventHandler<HTMLElement> | undefined;
         onWheelCapture?: react.WheelEventHandler<HTMLElement> | undefined;
         onAnimationStart?: react.AnimationEventHandler<HTMLElement> | undefined;

package/dist/esm/ui/drop-zone/index.d.ts

@@ -135,6 +135,8 @@ declare const useDropZone: (props: UseDropZoneProps) => {
         inert?: boolean | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -341,6 +343,8 @@ declare const useDropZone: (props: UseDropZoneProps) => {
         onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLInputElement> | undefined;
         onScroll?: react.UIEventHandler<HTMLInputElement> | undefined;
         onScrollCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLInputElement> | undefined;
         onWheel?: react.WheelEventHandler<HTMLInputElement> | undefined;
         onWheelCapture?: react.WheelEventHandler<HTMLInputElement> | undefined;
         onAnimationStart?: react.AnimationEventHandler<HTMLInputElement> | undefined;
@@ -428,6 +432,8 @@ declare const useDropZone: (props: UseDropZoneProps) => {
         inert?: boolean | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -631,6 +637,8 @@ declare const useDropZone: (props: UseDropZoneProps) => {
         onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
         onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
         onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
         onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
         onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
         onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;

package/dist/esm/ui/form/index.js

@@ -1,6 +1,6 @@
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormFieldSubscribe, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormStateSubscribe, FormSubmit, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from '../../chunk-3OWAXCPZ.js';
 import '../../chunk-OHG7GB7O.js';
-import '../../chunk-HKPJTORQ.js';
+import '../../chunk-6BUR5OWX.js';
 import '../../chunk-DW3FXTFL.js';
 import '../../chunk-NCS3WKFW.js';
 import '../../chunk-ENDWJXPF.js';

package/dist/esm/ui/index.js

@@ -5,7 +5,7 @@ export { useDragScroll } from '../chunk-E42DOTGX.js';
 export { DropZone, useDropZone } from '../chunk-2YCUMTC7.js';
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormFieldSubscribe, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormStateSubscribe, FormSubmit, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from '../chunk-3OWAXCPZ.js';
 import '../chunk-OHG7GB7O.js';
-import '../chunk-HKPJTORQ.js';
+import '../chunk-6BUR5OWX.js';
 import '../chunk-DW3FXTFL.js';
 import '../chunk-NCS3WKFW.js';
 import '../chunk-ENDWJXPF.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zayne-labs/ui-react",
   "type": "module",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "A composable UI/UI-utilities components library. ",
   "author": "Ryan Zayne",
   "license": "MIT",
@@ -48,25 +48,24 @@
     }
   },
   "dependencies": {
-    "@zayne-labs/toolkit-core": "^0.8.55",
-    "@zayne-labs/toolkit-react": "^0.8.55",
-    "@zayne-labs/toolkit-type-helpers": "^0.8.55"
+    "@zayne-labs/toolkit-core": "^0.8.60",
+    "@zayne-labs/toolkit-react": "^0.8.60",
+    "@zayne-labs/toolkit-type-helpers": "^0.8.60"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.17.4",
     "@size-limit/esbuild-why": "11.2.0",
     "@size-limit/preset-small-lib": "11.2.0",
     "@total-typescript/ts-reset": "0.6.1",
-    "@types/react": "^19.0.10",
+    "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
-    "@zayne-labs/prettier-config": "^0.7.8",
     "@zayne-labs/tsconfig": "0.7.8",
     "concurrently": "^9.0.1",
     "cross-env": "^7.0.3",
     "publint": "^0.3.9",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.53.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.55.0",
     "size-limit": "11.2.0",
     "tailwind-merge": "^3.0.2",
     "terser": "5.39.0",
@@ -96,6 +95,8 @@
     "dev": "pnpm build:dev --watch",
     "lint:attw": "attw --pack . --profile esm-only --format table-flipped --ignore-rules=cjs-resolves-to-esm --ignore-rules=named-exports",
     "lint:check-types": "tsc --pretty -p tsconfig.json",
+    "lint:eslint": "eslint . --max-warnings 0",
+    "lint:eslint:interactive": "pnpx eslint-interactive@latest . --max-warnings 0 --fix",
     "lint:publint": "publint --strict .",
     "lint:size": "size-limit",
     "release:test": "pnpx pkg-pr-new publish"

package/dist/esm/chunk-HKPJTORQ.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-HKPJTORQ.js.map
-//# sourceMappingURL=chunk-HKPJTORQ.js.map

package/dist/esm/chunk-HKPJTORQ.js.map

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