@positronic/gen-ui-components 0.0.53

package/dist/src/components/Button.js

@@ -0,0 +1,30 @@
+import { z } from 'zod';
+var ButtonPropsSchema = z.object({
+    label: z.string().describe('Text displayed on the button'),
+    type: z.enum([
+        'submit',
+        'button'
+    ]).optional().describe('Button type - submit for form submission, button for other actions'),
+    variant: z.enum([
+        'primary',
+        'secondary',
+        'danger'
+    ]).optional().describe('Visual style - primary (main action), secondary (alternative), danger (destructive)')
+});
+var variantClasses = {
+    primary: 'bg-blue-500 text-white hover:bg-blue-600',
+    secondary: 'bg-gray-200 text-gray-700 hover:bg-gray-300',
+    danger: 'bg-red-500 text-white hover:bg-red-600'
+};
+var ButtonComponent = function(param) {
+    var label = param.label, _param_type = param.type, type = _param_type === void 0 ? 'button' : _param_type, _param_variant = param.variant, variant = _param_variant === void 0 ? 'primary' : _param_variant;
+    return /*#__PURE__*/ React.createElement("button", {
+        type: type,
+        className: "px-4 py-2 font-medium rounded-md transition-colors ".concat(variantClasses[variant])
+    }, label);
+};
+export var Button = {
+    component: ButtonComponent,
+    description: 'A clickable button. Use type="submit" for form submission buttons. Use variants to indicate importance: primary for main actions, secondary for alternatives, danger for destructive actions.',
+    propsSchema: ButtonPropsSchema
+};

package/dist/src/components/Checkbox.js

@@ -0,0 +1,26 @@
+import { z } from 'zod';
+var CheckboxPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data'),
+    label: z.string().describe('Label displayed next to checkbox'),
+    value: z.string().optional().describe('Value submitted when checked. Use with Lists to identify which items are selected (e.g., item ID)'),
+    defaultChecked: z.boolean().optional().describe('Whether checkbox is checked by default')
+});
+var CheckboxComponent = function(param) {
+    var name = param.name, label = param.label, value = param.value, defaultChecked = param.defaultChecked;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex items-center gap-2"
+    }, /*#__PURE__*/ React.createElement("label", {
+        className: "flex items-center gap-2 text-sm text-gray-700 cursor-pointer"
+    }, /*#__PURE__*/ React.createElement("input", {
+        type: "checkbox",
+        name: name,
+        value: value,
+        defaultChecked: defaultChecked,
+        className: "w-4 h-4 rounded border-gray-300 text-blue-500 focus:ring-blue-500"
+    }), label));
+};
+export var Checkbox = {
+    component: CheckboxComponent,
+    description: "A checkbox for selecting items. When used in a List, set value to the item's ID so the form returns an array of selected IDs. For simple boolean toggles, omit value.",
+    propsSchema: CheckboxPropsSchema
+};

package/dist/src/components/Container.js

@@ -0,0 +1,46 @@
+import { z } from 'zod';
+var ContainerPropsSchema = z.object({
+    direction: z.enum([
+        'row',
+        'column'
+    ]).optional().describe('Layout direction - row (horizontal) or column (vertical, default)'),
+    gap: z.enum([
+        'none',
+        'small',
+        'medium',
+        'large'
+    ]).optional().describe('Spacing between children, defaults to medium'),
+    padding: z.enum([
+        'none',
+        'small',
+        'medium',
+        'large'
+    ]).optional().describe('Inner padding, defaults to none')
+});
+var directionClasses = {
+    row: 'flex-row',
+    column: 'flex-col'
+};
+var gapClasses = {
+    none: 'gap-0',
+    small: 'gap-2',
+    medium: 'gap-4',
+    large: 'gap-6'
+};
+var paddingClasses = {
+    none: 'p-0',
+    small: 'p-2',
+    medium: 'p-4',
+    large: 'p-6'
+};
+var ContainerComponent = function(param) {
+    var children = param.children, _param_direction = param.direction, direction = _param_direction === void 0 ? 'column' : _param_direction, _param_gap = param.gap, gap = _param_gap === void 0 ? 'medium' : _param_gap, _param_padding = param.padding, padding = _param_padding === void 0 ? 'none' : _param_padding;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex ".concat(directionClasses[direction], " ").concat(gapClasses[gap], " ").concat(paddingClasses[padding])
+    }, children);
+};
+export var Container = {
+    component: ContainerComponent,
+    description: "A layout container that groups child components. Use to organize page sections, create visual hierarchy, add spacing. Children are placed inside this container.",
+    propsSchema: ContainerPropsSchema
+};

package/dist/src/components/Form.js

@@ -0,0 +1,17 @@
+import { z } from 'zod';
+var FormPropsSchema = z.object({
+    action: z.string().optional().describe('Form submission URL')
+});
+var FormComponent = function(param) {
+    var children = param.children, action = param.action;
+    return /*#__PURE__*/ React.createElement("form", {
+        className: "flex flex-col gap-6",
+        method: "POST",
+        action: action
+    }, children);
+};
+export var Form = {
+    component: FormComponent,
+    description: 'A form container that wraps form fields. Place Input, TextArea, Checkbox, Select, and Button components inside. Always include a Button with type="submit" for form submission.',
+    propsSchema: FormPropsSchema
+};

package/dist/src/components/Heading.js

@@ -0,0 +1,29 @@
+import { z } from 'zod';
+var HeadingPropsSchema = z.object({
+    content: z.string().describe('The heading text'),
+    level: z.enum([
+        '1',
+        '2',
+        '3',
+        '4'
+    ]).optional().describe('Heading level (1-4), defaults to 2. Use 1 for page title.')
+});
+var levelClasses = {
+    1: 'text-3xl',
+    2: 'text-2xl',
+    3: 'text-xl',
+    4: 'text-lg'
+};
+var HeadingComponent = function(param) {
+    var content = param.content, _param_level = param.level, level = _param_level === void 0 ? '2' : _param_level;
+    var numLevel = typeof level === 'string' ? parseInt(level, 10) : level;
+    var Tag = "h".concat(numLevel);
+    return /*#__PURE__*/ React.createElement(Tag, {
+        className: "font-semibold text-gray-900 ".concat(levelClasses[numLevel])
+    }, content);
+};
+export var Heading = {
+    component: HeadingComponent,
+    description: "A heading/title for sections of the page. Use level 1 for page title, level 2 for major sections, level 3-4 for subsections.",
+    propsSchema: HeadingPropsSchema
+};

package/dist/src/components/HiddenInput.js

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+var HiddenInputPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data'),
+    value: z.string().describe('The value to submit with the form')
+});
+var HiddenInputComponent = function(param) {
+    var name = param.name, value = param.value;
+    return /*#__PURE__*/ React.createElement("input", {
+        type: "hidden",
+        name: name,
+        value: value
+    });
+};
+export var HiddenInput = {
+    component: HiddenInputComponent,
+    description: "A hidden form field for passing data that shouldn't be visible to users. Use to include IDs, tokens, or other metadata in form submissions.",
+    propsSchema: HiddenInputPropsSchema
+};

package/dist/src/components/Input.js

@@ -0,0 +1,36 @@
+import { z } from 'zod';
+var InputPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data'),
+    label: z.string().describe('Label displayed above the input'),
+    placeholder: z.string().optional().describe('Placeholder text when empty'),
+    required: z.boolean().optional().describe('Whether field is required'),
+    type: z.enum([
+        'text',
+        'email',
+        'number',
+        'password'
+    ]).optional().describe('Input type, defaults to text'),
+    defaultValue: z.string().optional().describe('Default value for the input')
+});
+var InputComponent = function(param) {
+    var name = param.name, label = param.label, placeholder = param.placeholder, required = param.required, _param_type = param.type, type = _param_type === void 0 ? 'text' : _param_type, defaultValue = param.defaultValue;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-col gap-1.5"
+    }, /*#__PURE__*/ React.createElement("label", {
+        htmlFor: name,
+        className: "text-sm font-medium text-gray-700"
+    }, label), /*#__PURE__*/ React.createElement("input", {
+        id: name,
+        name: name,
+        type: type,
+        placeholder: placeholder,
+        required: required,
+        defaultValue: defaultValue,
+        className: "px-3 py-2 border border-gray-300 rounded-md text-base w-full focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+    }));
+};
+export var Input = {
+    component: InputComponent,
+    description: "A single-line text input field. Use for short text like names, emails, titles. For longer text, use TextArea instead.",
+    propsSchema: InputPropsSchema
+};

package/dist/src/components/MultiTextInput.js

@@ -0,0 +1,42 @@
+import { z } from 'zod';
+var MultiTextInputPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data (will be an array)'),
+    label: z.string().describe('Label displayed above the input list'),
+    placeholder: z.string().optional().describe('Placeholder text for each input'),
+    defaultValues: z.array(z.string()).optional().describe('Initial list of values')
+});
+var MultiTextInputComponent = function(param) {
+    var name = param.name, label = param.label, placeholder = param.placeholder, _param_defaultValues = param.defaultValues, defaultValues = _param_defaultValues === void 0 ? [] : _param_defaultValues;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-col gap-1.5",
+        "data-name": name,
+        "data-default": JSON.stringify(defaultValues)
+    }, /*#__PURE__*/ React.createElement("label", {
+        className: "text-sm font-medium text-gray-700"
+    }, label), /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-col gap-2"
+    }, defaultValues.map(function(value, index) {
+        return /*#__PURE__*/ React.createElement("div", {
+            key: index,
+            className: "flex gap-2 items-center"
+        }, /*#__PURE__*/ React.createElement("input", {
+            type: "text",
+            name: "".concat(name, "[]"),
+            defaultValue: value,
+            placeholder: placeholder,
+            className: "flex-1 px-3 py-2 border border-gray-300 rounded-md text-base focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+        }), /*#__PURE__*/ React.createElement("button", {
+            type: "button",
+            className: "text-xs text-red-500 hover:text-red-700"
+        }, "Remove"));
+    })), /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        className: "mt-2 text-sm text-blue-500 hover:text-blue-700",
+        "data-placeholder": placeholder
+    }, "Add item"));
+};
+export var MultiTextInput = {
+    component: MultiTextInputComponent,
+    description: "A dynamic list of text inputs where users can add or remove items. Use for collecting multiple values like tags, email addresses, or list items. Returns an array of strings.",
+    propsSchema: MultiTextInputPropsSchema
+};

package/dist/src/components/Select.js

@@ -0,0 +1,38 @@
+import { z } from 'zod';
+var SelectPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data'),
+    label: z.string().describe('Label displayed above the select'),
+    options: z.array(z.object({
+        value: z.string().describe('The value submitted when this option is selected'),
+        label: z.string().describe('The text displayed for this option')
+    })).describe('List of options to choose from'),
+    required: z.boolean().optional().describe('Whether a selection is required'),
+    defaultValue: z.string().optional().describe('Value of the initially selected option')
+});
+var SelectComponent = function(param) {
+    var name = param.name, label = param.label, options = param.options, required = param.required, defaultValue = param.defaultValue;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-col gap-1.5"
+    }, /*#__PURE__*/ React.createElement("label", {
+        htmlFor: name,
+        className: "text-sm font-medium text-gray-700"
+    }, label), /*#__PURE__*/ React.createElement("select", {
+        id: name,
+        name: name,
+        required: required,
+        defaultValue: defaultValue,
+        className: "px-3 py-2 border border-gray-300 rounded-md text-base w-full bg-white focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+    }, /*#__PURE__*/ React.createElement("option", {
+        value: ""
+    }, "Select..."), options.map(function(opt) {
+        return /*#__PURE__*/ React.createElement("option", {
+            key: opt.value,
+            value: opt.value
+        }, opt.label);
+    })));
+};
+export var Select = {
+    component: SelectComponent,
+    description: "A dropdown select menu for choosing one option from a list. Use for mutually exclusive choices like categories, statuses, or types.",
+    propsSchema: SelectPropsSchema
+};

package/dist/src/components/Text.js

@@ -0,0 +1,25 @@
+import { z } from 'zod';
+var TextPropsSchema = z.object({
+    content: z.string().describe('The text content to display'),
+    variant: z.enum([
+        'body',
+        'small',
+        'muted'
+    ]).optional().describe('Text style - body (normal), small (smaller), muted (less prominent)')
+});
+var variantClasses = {
+    body: 'text-base text-gray-700',
+    small: 'text-sm text-gray-600',
+    muted: 'text-sm text-gray-500'
+};
+var TextComponent = function(param) {
+    var content = param.content, _param_variant = param.variant, variant = _param_variant === void 0 ? 'body' : _param_variant;
+    return /*#__PURE__*/ React.createElement("p", {
+        className: variantClasses[variant]
+    }, content);
+};
+export var Text = {
+    component: TextComponent,
+    description: "A paragraph of text for displaying information. Use for descriptions, instructions, or any body text. Not a form input - just displays content.",
+    propsSchema: TextPropsSchema
+};

package/dist/src/components/TextArea.js

@@ -0,0 +1,31 @@
+import { z } from 'zod';
+var TextAreaPropsSchema = z.object({
+    name: z.string().describe('Form field name, used as key in submitted data'),
+    label: z.string().describe('Label displayed above the textarea'),
+    placeholder: z.string().optional().describe('Placeholder text when empty'),
+    required: z.boolean().optional().describe('Whether field is required'),
+    rows: z.number().optional().describe('Number of visible text rows, defaults to 4'),
+    defaultValue: z.string().optional().describe('Default value for the textarea')
+});
+var TextAreaComponent = function(param) {
+    var name = param.name, label = param.label, placeholder = param.placeholder, required = param.required, _param_rows = param.rows, rows = _param_rows === void 0 ? 4 : _param_rows, defaultValue = param.defaultValue;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex flex-col gap-1.5"
+    }, /*#__PURE__*/ React.createElement("label", {
+        htmlFor: name,
+        className: "text-sm font-medium text-gray-700"
+    }, label), /*#__PURE__*/ React.createElement("textarea", {
+        id: name,
+        name: name,
+        placeholder: placeholder,
+        required: required,
+        rows: rows,
+        defaultValue: defaultValue,
+        className: "px-3 py-2 border border-gray-300 rounded-md text-base w-full focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+    }));
+};
+export var TextArea = {
+    component: TextAreaComponent,
+    description: "A multi-line text input field. Use for longer text like descriptions, comments, messages. For short single-line text, use Input instead.",
+    propsSchema: TextAreaPropsSchema
+};

package/dist/src/components/index.js

@@ -0,0 +1,11 @@
+export { Input } from './Input.js';
+export { TextArea } from './TextArea.js';
+export { Checkbox } from './Checkbox.js';
+export { Select } from './Select.js';
+export { MultiTextInput } from './MultiTextInput.js';
+export { Button } from './Button.js';
+export { Text } from './Text.js';
+export { Heading } from './Heading.js';
+export { Container } from './Container.js';
+export { Form } from './Form.js';
+export { HiddenInput } from './HiddenInput.js';

package/dist/src/index.js

@@ -0,0 +1,41 @@
+import { Input } from './components/Input.js';
+import { TextArea } from './components/TextArea.js';
+import { Checkbox } from './components/Checkbox.js';
+import { Select } from './components/Select.js';
+import { MultiTextInput } from './components/MultiTextInput.js';
+import { Button } from './components/Button.js';
+import { Text } from './components/Text.js';
+import { Heading } from './components/Heading.js';
+import { Container } from './components/Container.js';
+import { Form } from './components/Form.js';
+import { HiddenInput } from './components/HiddenInput.js';
+/**
+ * Default UI components for Positronic generative UI.
+ * Pass these to your Brain via .withComponents() to enable UI generation.
+ *
+ * @example
+ * ```typescript
+ * import { components } from '@positronic/gen-ui-components';
+ *
+ * const myBrain = brain('example')
+ *   .withComponents(components)
+ *   .uiStep('Show Form', ...);
+ *
+ * // Adding custom components
+ * .withComponents({ ...components, MyCustomButton });
+ * ```
+ */ export var components = {
+    Input: Input,
+    TextArea: TextArea,
+    Checkbox: Checkbox,
+    Select: Select,
+    MultiTextInput: MultiTextInput,
+    Button: Button,
+    Text: Text,
+    Heading: Heading,
+    Container: Container,
+    Form: Form,
+    HiddenInput: HiddenInput
+};
+// Re-export individual components for custom composition
+export { Input, TextArea, Checkbox, Select, MultiTextInput, Button, Text, Heading, Container, Form, HiddenInput };

package/dist/types/components/Button.d.ts

@@ -0,0 +1,19 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const ButtonPropsSchema: z.ZodObject<{
+    label: z.ZodString;
+    type: z.ZodOptional<z.ZodEnum<["submit", "button"]>>;
+    variant: z.ZodOptional<z.ZodEnum<["primary", "secondary", "danger"]>>;
+}, "strip", z.ZodTypeAny, {
+    label: string;
+    type?: "button" | "submit" | undefined;
+    variant?: "primary" | "secondary" | "danger" | undefined;
+}, {
+    label: string;
+    type?: "button" | "submit" | undefined;
+    variant?: "primary" | "secondary" | "danger" | undefined;
+}>;
+export type ButtonProps = z.infer<typeof ButtonPropsSchema>;
+export declare const Button: UIComponent<ButtonProps>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,iBAAiB;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAkB5D,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,WAAW,CAI3C,CAAC"}

package/dist/types/components/Checkbox.d.ts

@@ -0,0 +1,22 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const CheckboxPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodString;
+    value: z.ZodOptional<z.ZodString>;
+    defaultChecked: z.ZodOptional<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    label: string;
+    value?: string | undefined;
+    defaultChecked?: boolean | undefined;
+}, {
+    name: string;
+    label: string;
+    value?: string | undefined;
+    defaultChecked?: boolean | undefined;
+}>;
+export type CheckboxProps = z.infer<typeof CheckboxPropsSchema>;
+export declare const Checkbox: UIComponent<CheckboxProps>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;EAKvB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAiBhE,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,aAAa,CAI/C,CAAC"}

package/dist/types/components/Container.d.ts

@@ -0,0 +1,22 @@
+import type { UIComponent } from '@positronic/core';
+import type { ReactNode } from 'react';
+import { z } from 'zod';
+declare const ContainerPropsSchema: z.ZodObject<{
+    direction: z.ZodOptional<z.ZodEnum<["row", "column"]>>;
+    gap: z.ZodOptional<z.ZodEnum<["none", "small", "medium", "large"]>>;
+    padding: z.ZodOptional<z.ZodEnum<["none", "small", "medium", "large"]>>;
+}, "strip", z.ZodTypeAny, {
+    direction?: "row" | "column" | undefined;
+    gap?: "small" | "none" | "medium" | "large" | undefined;
+    padding?: "small" | "none" | "medium" | "large" | undefined;
+}, {
+    direction?: "row" | "column" | undefined;
+    gap?: "small" | "none" | "medium" | "large" | undefined;
+    padding?: "small" | "none" | "medium" | "large" | undefined;
+}>;
+export type ContainerProps = z.infer<typeof ContainerPropsSchema> & {
+    children?: ReactNode;
+};
+export declare const Container: UIComponent<ContainerProps>;
+export {};
+//# sourceMappingURL=Container.d.ts.map

package/dist/types/components/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,oBAAoB;;;;;;;;;;;;EAaxB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,GAAG;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAgCF,eAAO,MAAM,SAAS,EAAE,WAAW,CAAC,cAAc,CAIjD,CAAC"}

package/dist/types/components/Form.d.ts

@@ -0,0 +1,16 @@
+import type { UIComponent } from '@positronic/core';
+import type { ReactNode } from 'react';
+import { z } from 'zod';
+declare const FormPropsSchema: z.ZodObject<{
+    action: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    action?: string | undefined;
+}, {
+    action?: string | undefined;
+}>;
+export type FormProps = z.infer<typeof FormPropsSchema> & {
+    children?: ReactNode;
+};
+export declare const Form: UIComponent<FormProps>;
+export {};
+//# sourceMappingURL=Form.d.ts.map

package/dist/types/components/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,eAAe;;;;;;EAEnB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAQF,eAAO,MAAM,IAAI,EAAE,WAAW,CAAC,SAAS,CAIvC,CAAC"}

package/dist/types/components/Heading.d.ts

@@ -0,0 +1,18 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const HeadingPropsSchema: z.ZodObject<{
+    content: z.ZodString;
+    level: z.ZodOptional<z.ZodEnum<["1", "2", "3", "4"]>>;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+    level?: "1" | "2" | "3" | "4" | undefined;
+}, {
+    content: string;
+    level?: "1" | "2" | "3" | "4" | undefined;
+}>;
+export type HeadingProps = z.infer<typeof HeadingPropsSchema> & {
+    level?: '1' | '2' | '3' | '4' | 1 | 2 | 3 | 4;
+};
+export declare const Heading: UIComponent<HeadingProps>;
+export {};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/types/components/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,kBAAkB;;;;;;;;;EAMtB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAE9D,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/C,CAAC;AAeF,eAAO,MAAM,OAAO,EAAE,WAAW,CAAC,YAAY,CAI7C,CAAC"}

package/dist/types/components/HiddenInput.d.ts

@@ -0,0 +1,16 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const HiddenInputPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    value: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    value: string;
+}, {
+    name: string;
+    value: string;
+}>;
+export type HiddenInputProps = z.infer<typeof HiddenInputPropsSchema>;
+export declare const HiddenInput: UIComponent<HiddenInputProps>;
+export {};
+//# sourceMappingURL=HiddenInput.d.ts.map

package/dist/types/components/HiddenInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/HiddenInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,sBAAsB;;;;;;;;;EAG1B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAMtE,eAAO,MAAM,WAAW,EAAE,WAAW,CAAC,gBAAgB,CAIrD,CAAC"}

package/dist/types/components/Input.d.ts

@@ -0,0 +1,28 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const InputPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodString;
+    placeholder: z.ZodOptional<z.ZodString>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    type: z.ZodOptional<z.ZodEnum<["text", "email", "number", "password"]>>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    type?: "number" | "text" | "email" | "password" | undefined;
+    defaultValue?: string | undefined;
+}, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    type?: "number" | "text" | "email" | "password" | undefined;
+    defaultValue?: string | undefined;
+}>;
+export type InputProps = z.infer<typeof InputPropsSchema>;
+export declare const Input: UIComponent<InputProps>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;EAUpB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAwB1D,eAAO,MAAM,KAAK,EAAE,WAAW,CAAC,UAAU,CAIzC,CAAC"}

package/dist/types/components/MultiTextInput.d.ts

@@ -0,0 +1,22 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const MultiTextInputPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodString;
+    placeholder: z.ZodOptional<z.ZodString>;
+    defaultValues: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    defaultValues?: string[] | undefined;
+}, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    defaultValues?: string[] | undefined;
+}>;
+export type MultiTextInputProps = z.infer<typeof MultiTextInputPropsSchema>;
+export declare const MultiTextInput: UIComponent<MultiTextInputProps>;
+export {};
+//# sourceMappingURL=MultiTextInput.d.ts.map

package/dist/types/components/MultiTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/MultiTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;EAK7B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AA8B5E,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,mBAAmB,CAI3D,CAAC"}

package/dist/types/components/Select.d.ts

@@ -0,0 +1,40 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const SelectPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodString;
+    options: z.ZodArray<z.ZodObject<{
+        value: z.ZodString;
+        label: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        label: string;
+        value: string;
+    }, {
+        label: string;
+        value: string;
+    }>, "many">;
+    required: z.ZodOptional<z.ZodBoolean>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    label: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    required?: boolean | undefined;
+    defaultValue?: string | undefined;
+}, {
+    name: string;
+    label: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    required?: boolean | undefined;
+    defaultValue?: string | undefined;
+}>;
+export type SelectProps = z.infer<typeof SelectPropsSchema>;
+export declare const Select: UIComponent<SelectProps>;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/types/components/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAarB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAsB5D,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,WAAW,CAI3C,CAAC"}

package/dist/types/components/Text.d.ts

@@ -0,0 +1,16 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const TextPropsSchema: z.ZodObject<{
+    content: z.ZodString;
+    variant: z.ZodOptional<z.ZodEnum<["body", "small", "muted"]>>;
+}, "strip", z.ZodTypeAny, {
+    content: string;
+    variant?: "small" | "body" | "muted" | undefined;
+}, {
+    content: string;
+    variant?: "small" | "body" | "muted" | undefined;
+}>;
+export type TextProps = z.infer<typeof TextPropsSchema>;
+export declare const Text: UIComponent<TextProps>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/types/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,eAAe;;;;;;;;;EAMnB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAYxD,eAAO,MAAM,IAAI,EAAE,WAAW,CAAC,SAAS,CAIvC,CAAC"}

package/dist/types/components/TextArea.d.ts

@@ -0,0 +1,28 @@
+import type { UIComponent } from '@positronic/core';
+import { z } from 'zod';
+declare const TextAreaPropsSchema: z.ZodObject<{
+    name: z.ZodString;
+    label: z.ZodString;
+    placeholder: z.ZodOptional<z.ZodString>;
+    required: z.ZodOptional<z.ZodBoolean>;
+    rows: z.ZodOptional<z.ZodNumber>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    defaultValue?: string | undefined;
+    rows?: number | undefined;
+}, {
+    name: string;
+    label: string;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    defaultValue?: string | undefined;
+    rows?: number | undefined;
+}>;
+export type TextAreaProps = z.infer<typeof TextAreaPropsSchema>;
+export declare const TextArea: UIComponent<TextAreaProps>;
+export {};
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/types/components/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAwBhE,eAAO,MAAM,QAAQ,EAAE,WAAW,CAAC,aAAa,CAI/C,CAAC"}

package/dist/types/components/index.d.ts

@@ -0,0 +1,23 @@
+export { Input } from './Input.js';
+export type { InputProps } from './Input.js';
+export { TextArea } from './TextArea.js';
+export type { TextAreaProps } from './TextArea.js';
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps } from './Checkbox.js';
+export { Select } from './Select.js';
+export type { SelectProps } from './Select.js';
+export { MultiTextInput } from './MultiTextInput.js';
+export type { MultiTextInputProps } from './MultiTextInput.js';
+export { Button } from './Button.js';
+export type { ButtonProps } from './Button.js';
+export { Text } from './Text.js';
+export type { TextProps } from './Text.js';
+export { Heading } from './Heading.js';
+export type { HeadingProps } from './Heading.js';
+export { Container } from './Container.js';
+export type { ContainerProps } from './Container.js';
+export { Form } from './Form.js';
+export type { FormProps } from './Form.js';
+export { HiddenInput } from './HiddenInput.js';
+export type { HiddenInputProps } from './HiddenInput.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,86 @@
+import { Input } from './components/Input.js';
+import { TextArea } from './components/TextArea.js';
+import { Checkbox } from './components/Checkbox.js';
+import { Select } from './components/Select.js';
+import { MultiTextInput } from './components/MultiTextInput.js';
+import { Button } from './components/Button.js';
+import { Text } from './components/Text.js';
+import { Heading } from './components/Heading.js';
+import { Container } from './components/Container.js';
+import { Form } from './components/Form.js';
+import { HiddenInput } from './components/HiddenInput.js';
+/**
+ * Default UI components for Positronic generative UI.
+ * Pass these to your Brain via .withComponents() to enable UI generation.
+ *
+ * @example
+ * ```typescript
+ * import { components } from '@positronic/gen-ui-components';
+ *
+ * const myBrain = brain('example')
+ *   .withComponents(components)
+ *   .uiStep('Show Form', ...);
+ *
+ * // Adding custom components
+ * .withComponents({ ...components, MyCustomButton });
+ * ```
+ */
+export declare const components: {
+    Input: import("@positronic/core").UIComponent<{
+        name: string;
+        label: string;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        type?: "number" | "text" | "email" | "password" | undefined;
+        defaultValue?: string | undefined;
+    }>;
+    TextArea: import("@positronic/core").UIComponent<{
+        name: string;
+        label: string;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        defaultValue?: string | undefined;
+        rows?: number | undefined;
+    }>;
+    Checkbox: import("@positronic/core").UIComponent<{
+        name: string;
+        label: string;
+        value?: string | undefined;
+        defaultChecked?: boolean | undefined;
+    }>;
+    Select: import("@positronic/core").UIComponent<{
+        name: string;
+        label: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        required?: boolean | undefined;
+        defaultValue?: string | undefined;
+    }>;
+    MultiTextInput: import("@positronic/core").UIComponent<{
+        name: string;
+        label: string;
+        placeholder?: string | undefined;
+        defaultValues?: string[] | undefined;
+    }>;
+    Button: import("@positronic/core").UIComponent<{
+        label: string;
+        type?: "button" | "submit" | undefined;
+        variant?: "primary" | "secondary" | "danger" | undefined;
+    }>;
+    Text: import("@positronic/core").UIComponent<{
+        content: string;
+        variant?: "small" | "body" | "muted" | undefined;
+    }>;
+    Heading: import("@positronic/core").UIComponent<import("./components/Heading.js").HeadingProps>;
+    Container: import("@positronic/core").UIComponent<import("./components/Container.js").ContainerProps>;
+    Form: import("@positronic/core").UIComponent<import("./components/Form.js").FormProps>;
+    HiddenInput: import("@positronic/core").UIComponent<{
+        name: string;
+        value: string;
+    }>;
+};
+export { Input, TextArea, Checkbox, Select, MultiTextInput, Button, Text, Heading, Container, Form, HiddenInput, };
+export type { InputProps, TextAreaProps, CheckboxProps, SelectProps, MultiTextInputProps, ButtonProps, TextProps, HeadingProps, ContainerProps, FormProps, HiddenInputProps, } from './components/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYtB,CAAC;AAGF,OAAO,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,MAAM,EACN,IAAI,EACJ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,WAAW,GACZ,CAAC;AAGF,YAAY,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAS,EACT,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@positronic/gen-ui-components",
+  "version": "0.0.53",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Default UI components for Positronic generative UI",
+  "type": "module",
+  "main": "dist/src/index.js",
+  "types": "dist/types/index.d.ts",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "tsc": "tsc --project tsconfig.json",
+    "swc": "swc src -d dist/src --strip-leading-paths",
+    "build": "npm run tsc && npm run swc",
+    "clean": "rm -rf tsconfig.tsbuildinfo dist node_modules"
+  },
+  "dependencies": {
+    "@positronic/core": "^0.0.53",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@types/react": "^18.2.0"
+  }
+}