@dtkt/protoform 0.0.0-stage → 0.1.0

package/dist/providers/env.d.ts

@@ -0,0 +1,4 @@
+import { Env } from '../env';
+export declare function EnvProvider({ env, children }: React.PropsWithChildren<{
+    env: Env;
+}>): import('react').JSX.Element;

package/dist/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './env';
+export * from './ui';

package/dist/providers/index.js

@@ -0,0 +1,11 @@
+import { z as e } from "../context-DSrebuNf.js";
+import { t } from "../ui-DGND0oTu.js";
+import { jsx as n } from "react/jsx-runtime";
+// lib/providers/env.tsx
+function r({ env: t, children: r }) {
+	return /* @__PURE__ */ n(e.Provider, {
+		value: t,
+		children: r
+	});
+}
+export { r as EnvProvider, t as UIProvider };

package/dist/providers/ui.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+import { UIContextValue } from '../kit/context';
+import { UIKit } from '../kit/types';
+export type UIProviderProps = Partial<Omit<UIContextValue, "kit" | "messages">> & {
+    /** Primitives to render with. Missing ones fall back to the enclosing provider or the bare kit. */
+    kit?: Partial<UIKit>;
+    messages?: Partial<UIContextValue["messages"]>;
+};
+/**
+ * Chooses the UI used by every `Protoform` below it. Providers nest: inner
+ * providers override outer ones per primitive.
+ */
+export declare function UIProvider({ kit, renderers, resolve, messages, children }: PropsWithChildren<UIProviderProps>): import('react').JSX.Element;

package/dist/scalar.d.ts

@@ -0,0 +1,30 @@
+import { DescField, ScalarType } from '@bufbuild/protobuf';
+import { ScalarValue } from '@bufbuild/protobuf/reflect';
+import { BaseField } from './base';
+export type ScalarFieldDesc = Extract<DescField, {
+    fieldKind: "scalar";
+}>;
+export declare class ScalarField extends BaseField<ScalarFieldDesc> {
+    get(): ScalarValue;
+    set(value: ScalarValue): void;
+    parse(str: string): void;
+    toString(): string;
+}
+export type ParseResult = {
+    ok: true;
+    value: ScalarValue;
+} | {
+    ok: false;
+    error: string;
+};
+export declare function isIntegerScalar(scalar: ScalarType): boolean;
+export declare function isNumericScalar(scalar: ScalarType): boolean;
+/**
+ * Parses user input into a value for the given scalar type. Empty input
+ * yields the zero value. 32-bit integers become numbers, 64-bit integers
+ * become bigints (as expected by the reflection API).
+ */
+export declare function tryParseScalar(scalar: ScalarType, input: string): ParseResult;
+/** Like `tryParseScalar`, but throws on invalid input. */
+export declare function parseScalar(scalar: ScalarType, str: string): ScalarValue;
+export declare function formatScalar(scalar: ScalarType, value: ScalarValue): string;

package/dist/store.d.ts

@@ -0,0 +1,29 @@
+import { Violation } from '@bufbuild/protovalidate';
+/**
+ * Shared, observable state for one message tree. The protobuf value itself is
+ * mutated in place, so the store exposes a revision counter that React can
+ * subscribe to (via `useSyncExternalStore`) to know when to re-render.
+ */
+export declare class FormStore {
+    private revision;
+    private dataRevision;
+    private listeners;
+    violations: Violation[];
+    private byPath;
+    private localErrors;
+    /** Set once the user attempted to submit; used to switch to eager validation. */
+    submitted: boolean;
+    markSubmitted(): void;
+    subscribe: (listener: () => void) => () => void;
+    /** Changes whenever data or errors change. */
+    snapshot: () => number;
+    /** Changes only when the message data changes. */
+    dataSnapshot: () => number;
+    dataChanged(): void;
+    setViolations(violations: Violation[]): void;
+    violationsAt(path: string): Violation[];
+    setLocalError(path: string, message: string | undefined): void;
+    localError(path: string): string | undefined;
+    hasLocalErrors(): boolean;
+    private emit;
+}

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities;@layer protoform{:root{--pf-fg:light-dark(#18181b,#f4f4f5);--pf-muted:light-dark(#52525b,#a1a1aa);--pf-surface:light-dark(#fafafa,#202023);--pf-input-bg:light-dark(#fff,#27272a);--pf-border:light-dark(#d4d4d8,#3f3f46);--pf-border-strong:light-dark(#a1a1aa,#71717a);--pf-accent:light-dark(#4f46e5,#818cf8);--pf-accent-fg:light-dark(#fff,#0b0b0f);--pf-ring:light-dark(#6366f1,#a5b4fc);--pf-danger:light-dark(#dc2626,#f87171);--pf-danger-bg:light-dark(#fef2f2,#2a1517);--pf-radius:.375rem;--pf-font:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"}.pf-form,.pf-theme{color-scheme:light dark;color:var(--pf-fg);font-family:var(--pf-font)}:where([data-theme=light],.light) :is(.pf-form,.pf-theme),:is(.pf-form,.pf-theme):where([data-theme=light],.light){color-scheme:light}:where([data-theme=dark],.dark) :is(.pf-form,.pf-theme),:is(.pf-form,.pf-theme):where([data-theme=dark],.dark){color-scheme:dark}.pf-form{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.pf-stack{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.pf-row{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.pf-row:has(textarea){align-items:flex-start}.pf-row-content{gap:calc(var(--spacing) * 2);flex:1;min-width:0;display:flex}.pf-row-content>*{flex:1;min-width:0}.pf-row-content>[data-pf=separator]{font-family:var(--font-mono);color:var(--pf-muted);flex:none;align-self:center}.pf-row-actions{min-width:calc(var(--spacing) * 10);justify-content:flex-end;align-items:center;gap:var(--spacing);flex-shrink:0;display:flex}.pf-field{gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.pf-field-body{gap:calc(var(--spacing) * 1.5)}.pf-label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.pf-required{color:var(--pf-danger)}.pf-description{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--pf-muted);margin:0}.pf-errors{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--pf-danger);margin:0;padding:0;list-style-type:none}.pf-form [data-pf=empty]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--pf-muted);margin:0;font-style:italic}.pf-form [data-pf=actions]{margin-top:calc(var(--spacing) * 6);align-items:center;gap:calc(var(--spacing) * 2);display:flex}.pf-form [data-pf=form-errors]{margin-bottom:calc(var(--spacing) * 4);border-radius:var(--pf-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--pf-danger);background-color:var(--pf-danger-bg);padding:calc(var(--spacing) * 3);color:var(--pf-danger);list-style-type:none}.pf-input,.pf-textarea,.pf-select,.pf-file-input{font:inherit;box-sizing:border-box;border-radius:var(--pf-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--pf-border);background-color:var(--pf-input-bg);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--pf-fg);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;display:block}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input):hover{border-color:var(--pf-border-strong)}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-focus],:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input):focus-visible{border-color:var(--pf-ring);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-focus],:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input):focus-visible{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 40%, transparent)}}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-invalid],:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[aria-invalid=true]{border-color:var(--pf-danger)}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-invalid][data-focus],:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[aria-invalid=true]:focus-visible{--tw-ring-color:var(--pf-danger)}@supports (color:color-mix(in lab, red, red)){:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-invalid][data-focus],:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[aria-invalid=true]:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pf-danger) 40%, transparent)}}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input):disabled,:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-disabled]{cursor:not-allowed;opacity:.6}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input):read-only:not(select,[type=file]){background-color:var(--pf-surface)}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)[data-mono]{font-family:var(--font-mono);font-size:.8125rem}:is(.pf-input,.pf-textarea,.pf-select,.pf-file-input)::placeholder{color:var(--pf-muted);opacity:.7}.pf-textarea{min-height:calc(var(--spacing) * 20);resize:vertical}.pf-select-wrap{position:relative}.pf-select{appearance:none;padding-right:calc(var(--spacing) * 9)}.pf-chevron{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);color:var(--pf-muted)}.pf-select-wrap>.pf-chevron{pointer-events:none;top:50%;right:calc(var(--spacing) * 2.5);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);position:absolute}.pf-switch{box-sizing:border-box;height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 11);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--pf-border-strong);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;border-width:0;border-radius:3.40282e38px;outline-style:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex;position:relative}.pf-switch[data-checked]{background-color:var(--pf-accent)}.pf-switch[data-focus]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){.pf-switch[data-focus]{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 60%, transparent)}}.pf-switch[data-focus]{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pf-switch[data-invalid]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-danger)}@supports (color:color-mix(in lab, red, red)){.pf-switch[data-invalid]{--tw-ring-color:color-mix(in oklab, var(--pf-danger) 60%, transparent)}}.pf-switch[data-disabled]{cursor:not-allowed;opacity:.6}.pf-switch-thumb{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;display:inline-block}.pf-switch[data-checked] .pf-switch-thumb{--tw-translate-x:calc(var(--spacing) * 5.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.pf-checkbox{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--pf-border-strong);background-color:var(--pf-input-bg);color:var(--pf-accent-fg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pf-checkbox[data-checked]{border-color:var(--pf-accent);background-color:var(--pf-accent)}.pf-checkbox[data-focus]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){.pf-checkbox[data-focus]{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 60%, transparent)}}.pf-checkbox[data-focus]{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pf-checkbox[data-invalid]{border-color:var(--pf-danger)}.pf-checkbox[data-disabled]{cursor:not-allowed;opacity:.6}.pf-checkbox-mark{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);opacity:0}.pf-checkbox[data-checked] .pf-checkbox-mark{opacity:1}.pf-check-label,.pf-radio-option{align-items:center;gap:calc(var(--spacing) * 2);display:inline-flex}.pf-radiogroup{column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.pf-radio{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--pf-border-strong);background-color:var(--pf-input-bg);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;border-radius:3.40282e38px;outline-style:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pf-radio[data-checked]{border-color:var(--pf-accent)}.pf-radio[data-focus]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){.pf-radio[data-focus]{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 60%, transparent)}}.pf-radio[data-focus]{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pf-radio[data-disabled]{cursor:not-allowed;opacity:.6}.pf-radio-dot{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5);--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);background-color:var(--pf-accent);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px}.pf-radio[data-checked] .pf-radio-dot{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.pf-file-input{cursor:pointer;padding:calc(var(--spacing) * 1.5);color:var(--pf-muted)}.pf-file-input::file-selector-button{margin-right:calc(var(--spacing) * 3)}.pf-file-input::file-selector-button{cursor:pointer}.pf-file-input::file-selector-button{border-radius:var(--radius-sm)}.pf-file-input::file-selector-button{border-style:var(--tw-border-style);border-width:1px}.pf-file-input::file-selector-button{border-color:var(--pf-border)}.pf-file-input::file-selector-button{background-color:var(--pf-surface)}.pf-file-input::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.pf-file-input::file-selector-button{padding-block:var(--spacing)}.pf-file-input::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.pf-file-input::file-selector-button{color:var(--pf-fg)}.pf-file-input{font-size:inherit}.pf-file-input::file-selector-button{font:inherit;font-weight:500}.pf-file-input:disabled{cursor:not-allowed}.pf-file-input:disabled::file-selector-button{cursor:not-allowed}.pf-button{font:inherit;box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing);border-radius:var(--pf-radius);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;background-color:#0000;border-width:1px;border-color:#0000;outline-style:none;display:inline-flex}.pf-button[data-size=sm]{padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.pf-button[data-focus]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){.pf-button[data-focus]{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 60%, transparent)}}.pf-button[data-focus]{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pf-button:disabled,.pf-button[data-disabled]{cursor:not-allowed;opacity:.5}.pf-button[data-variant=primary]{background-color:var(--pf-accent);color:var(--pf-accent-fg)}.pf-button[data-variant=primary]:not(:disabled):hover{opacity:.9}.pf-button[data-variant=secondary]{border-color:var(--pf-border);background-color:var(--pf-input-bg);color:var(--pf-fg)}.pf-button[data-variant=secondary]:not(:disabled):hover{background-color:var(--pf-surface)}.pf-button[data-variant=danger]{background-color:var(--pf-danger);color:var(--color-white)}.pf-button[data-variant=ghost]{color:var(--pf-muted)}.pf-button[data-variant=ghost]:not(:disabled):hover{background-color:var(--pf-surface);color:var(--pf-fg)}.pf-section{box-sizing:border-box;gap:calc(var(--spacing) * 2);flex-direction:column;min-width:0;margin:0;display:flex}.pf-section:not(:first-child),.pf-section+.pf-field{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--pf-border);padding-top:calc(var(--spacing) * 4)}.pf-section-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);display:flex}.pf-section-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.pf-section-actions{align-items:center;gap:var(--spacing);display:flex}.pf-section-toggle{font:inherit;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-sm);border-style:var(--tw-border-style);color:var(--pf-fg);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none;padding:0;display:inline-flex}.pf-section-toggle[data-focus]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--pf-ring)}@supports (color:color-mix(in lab, red, red)){.pf-section-toggle[data-focus]{--tw-ring-color:color-mix(in oklab, var(--pf-ring) 60%, transparent)}}.pf-section-toggle[data-focus]{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.pf-section-toggle .pf-chevron{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));rotate:-90deg}.pf-section-toggle[data-open] .pf-chevron{rotate:0deg}.pf-section-body,.pf-field-body{box-sizing:border-box;border-style:var(--tw-border-style);border-width:0;border-left-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-left-width:2px;border-color:var(--pf-border);padding-left:calc(var(--spacing) * 4);flex-direction:column;display:flex}.pf-section-body{gap:calc(var(--spacing) * 4)}.pf-section-body .pf-field-body{border-left-style:var(--tw-border-style);border-left-width:0;padding-left:0}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/dist/ui-DGND0oTu.js

@@ -0,0 +1,32 @@
+import { s as e, t } from "./context-DSrebuNf.js";
+import { useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+// lib/providers/ui.tsx
+function i({ kit: i, renderers: a, resolve: o, messages: s, children: c }) {
+	let l = e(), u = n(() => ({
+		kit: {
+			...l.kit,
+			...i
+		},
+		renderers: {
+			...l.renderers,
+			...a
+		},
+		resolve: o ?? l.resolve,
+		messages: {
+			...l.messages,
+			...s
+		}
+	}), [
+		l,
+		i,
+		a,
+		o,
+		s
+	]);
+	return /* @__PURE__ */ r(t.Provider, {
+		value: u,
+		children: c
+	});
+}
+export { i as t };

package/dist/wellknown.d.ts

@@ -0,0 +1,10 @@
+export declare const ANY_TYPE_NAME = "google.protobuf.Any";
+/** Well-known types edited as a single value in a text box. */
+export declare function isTextWellKnown(typeName: string): boolean;
+/** Well-known types that hold arbitrary JSON. */
+export declare function isJsonWellKnown(typeName: string): boolean;
+/**
+ * Well-known types edited as a single value (a text box, JSON editor, or the
+ * wrapped scalar) rather than as a nested form.
+ */
+export declare function isInlineWellKnown(typeName: string): boolean;

package/package.json

@@ -1,6 +1,143 @@
 {
   "name": "@dtkt/protoform",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "DataKit Protoform",
+  "license": "Apache-2.0",
+  "keywords": [
+    "datakit",
+    "dtkt",
+    "protobuf",
+    "protoform",
+    "react",
+    "forms"
+  ],
+  "homepage": "https://github.com/datakit-dev/protoform-es",
+  "bugs": {
+    "url": "https://github.com/datakit-dev/protoform-es/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/datakit-dev/protoform-es.git"
+  },
+  "type": "module",
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "import": "./dist/providers/index.js"
+    },
+    "./kit": {
+      "types": "./dist/kit/index.d.ts",
+      "import": "./dist/kit/index.js"
+    },
+    "./kit/tailwind": {
+      "types": "./dist/kit/tailwind/index.d.ts",
+      "import": "./dist/kit/tailwind/index.js"
+    },
+    "./gen/*.js": {
+      "types": "./dist/gen/*.d.ts",
+      "import": "./dist/gen/*.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build && npm run build:css",
+    "build:css": "tailwindcss -i lib/styles/protoform.css -o dist/styles.css --minify",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rm -rf dist",
+    "gen": "buf generate",
+    "prepublishOnly": "npm run lint && npm test && npm run build"
+  },
+  "peerDependencies": {
+    "@bufbuild/protobuf": "^2.16.0",
+    "@bufbuild/protovalidate": "^1.3.0",
+    "@headlessui/react": "^2.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@headlessui/react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.7",
+    "@buf/datakit-dev_dtkt-sdk.bufbuild_es": "^2.16.0-20261027090458-7143679e943c.1",
+    "@bufbuild/protobuf": "^2.16.0",
+    "@bufbuild/protovalidate": "^1.3.0",
+    "@eslint/js": "^10.0.1",
+    "@headlessui/react": "^2.2.10",
+    "@rolldown/plugin-babel": "^0.2.4",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/babel__core": "^7.20.5",
+    "@types/node": "^24.19.2",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "@vitest/coverage-v8": "^5.0.5",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "eslint": "^10.13.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "globals": "^17.13.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tailwindcss": "^4.3.3",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.71.2",
+    "vite": "^8.3.5",
+    "vite-plugin-dts": "^5.1.2",
+    "vitest": "^5.0.5"
+  },
+  "dependencies": {
+    "@connectrpc/connect": "^2.2.0",
+    "@connectrpc/connect-web": "^2.2.0"
+  },
+  "typesVersions": {
+    "*": {
+      "components": [
+        "./dist/components/index.d.ts"
+      ],
+      "providers": [
+        "./dist/providers/index.d.ts"
+      ],
+      "kit": [
+        "./dist/kit/index.d.ts"
+      ],
+      "kit/tailwind": [
+        "./dist/kit/tailwind/index.d.ts"
+      ],
+      "gen/*.js": [
+        "./dist/gen/*.d.ts"
+      ]
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}