@optimum-intelligence/opti-ui 0.0.0-stage → 0.2.0

package/dist/components/field/Field.js

@@ -0,0 +1,337 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+import { Fieldset } from "@base-ui/react/fieldset";
+import { Form } from "@base-ui/react/form";
+//#region src/components/field/Field.tsx
+function FieldRoot(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-field", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Field.Root, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function FieldLabel(t0) {
+	const $ = c(16);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let required;
+	if ($[0] !== t0) {
+		({className, required, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = required;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		required = $[5];
+	}
+	let t1;
+	if ($[6] !== className) {
+		t1 = withClass("oui-field__label", className);
+		$[6] = className;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== required) {
+		t2 = required && /* @__PURE__ */ jsx("span", {
+			className: "oui-field__required",
+			"aria-hidden": true,
+			children: "*"
+		});
+		$[8] = required;
+		$[9] = t2;
+	} else t2 = $[9];
+	let t3;
+	if ($[10] !== children || $[11] !== props || $[12] !== ref || $[13] !== t1 || $[14] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Field.Label, {
+			ref,
+			className: t1,
+			...props,
+			children: [children, t2]
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = ref;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+	} else t3 = $[15];
+	return t3;
+}
+function FieldDescription(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-field__description", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Field.Description, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function FieldError(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-field__error", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Field.Error, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function FieldItem(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-field__item", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Field.Item, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/**
+* Field parts wire up labels, descriptions and validation for any control
+* inside (Input, Select, Checkbox, Switch, NumberField…).
+*/
+var Field$1 = {
+	Root: FieldRoot,
+	Label: FieldLabel,
+	Description: FieldDescription,
+	Error: FieldError,
+	Item: FieldItem,
+	Validity: Field.Validity
+};
+function FieldsetRoot(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-fieldset", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Fieldset.Root, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function FieldsetLegend(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-fieldset__legend", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Fieldset.Legend, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/** Groups related fields under a legend. */
+var Fieldset$1 = {
+	Root: FieldsetRoot,
+	Legend: FieldsetLegend
+};
+/** Form with Base UI validation wiring and vertical field spacing. */
+function Form$1(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-form", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Form, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+//#endregion
+export { Field$1 as Field, Fieldset$1 as Fieldset, Form$1 as Form };
+
+//# sourceMappingURL=Field.js.map

package/dist/components/field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["Field","BaseField","Fieldset","BaseFieldset","Form","BaseForm","withClass","FieldRoot","t0","$","_c","className","props","ref","t1","t2","FieldLabelProps","Label","Props","required","FieldLabel","children","t3","FieldDescription","FieldError","FieldItem","Root","Description","Error","Item","Validity","FieldsetRoot","FieldsetLegend","Legend","FormProps","_c","BaseField","Field","BaseFieldset","Fieldset","Form","BaseForm"],"sources":["../../../src/components/field/Field.tsx"],"sourcesContent":["import { Field as BaseField } from '@base-ui/react/field';\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';\nimport { Form as BaseForm } from '@base-ui/react/form';\nimport { withClass } from '../../utils/cx';\n\nfunction FieldRoot({ className, ref, ...props }: BaseField.Root.Props) {\n  return <BaseField.Root ref={ref} className={withClass('oui-field', className)} {...props} />;\n}\n\nexport interface FieldLabelProps extends BaseField.Label.Props {\n  /** Appends a required marker. */\n  required?: boolean;\n}\n\nfunction FieldLabel({ className, required, children, ref, ...props }: FieldLabelProps) {\n  return (\n    <BaseField.Label ref={ref} className={withClass('oui-field__label', className)} {...props}>\n      {children}\n      {required && (\n        <span className=\"oui-field__required\" aria-hidden>\n          *\n        </span>\n      )}\n    </BaseField.Label>\n  );\n}\n\nfunction FieldDescription({ className, ref, ...props }: BaseField.Description.Props) {\n  return <BaseField.Description ref={ref} className={withClass('oui-field__description', className)} {...props} />;\n}\n\nfunction FieldError({ className, ref, ...props }: BaseField.Error.Props) {\n  return <BaseField.Error ref={ref} className={withClass('oui-field__error', className)} {...props} />;\n}\n\nfunction FieldItem({ className, ref, ...props }: BaseField.Item.Props) {\n  return <BaseField.Item ref={ref} className={withClass('oui-field__item', className)} {...props} />;\n}\n\n/**\n * Field parts wire up labels, descriptions and validation for any control\n * inside (Input, Select, Checkbox, Switch, NumberField…).\n */\nexport const Field = {\n  Root: FieldRoot,\n  Label: FieldLabel,\n  Description: FieldDescription,\n  Error: FieldError,\n  Item: FieldItem,\n  Validity: BaseField.Validity,\n};\n\nfunction FieldsetRoot({ className, ref, ...props }: BaseFieldset.Root.Props) {\n  return <BaseFieldset.Root ref={ref} className={withClass('oui-fieldset', className)} {...props} />;\n}\n\nfunction FieldsetLegend({ className, ref, ...props }: BaseFieldset.Legend.Props) {\n  return <BaseFieldset.Legend ref={ref} className={withClass('oui-fieldset__legend', className)} {...props} />;\n}\n\n/** Groups related fields under a legend. */\nexport const Fieldset = { Root: FieldsetRoot, Legend: FieldsetLegend };\n\nexport interface FormProps extends BaseForm.Props {}\n\n/** Form with Base UI validation wiring and vertical field spacing. */\nexport function Form({ className, ref, ...props }: FormProps) {\n  return <BaseForm ref={ref} className={withClass('oui-form', className)} {...props} />;\n}\n"],"mappings":"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"}

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,91 @@
+import * as React from 'react';
+export interface FileRejection {
+    file: File;
+    /** `type`: not matched by `accept`. `size`: larger than `maxSize`. `count`: over the file limit. */
+    reason: 'type' | 'size' | 'count';
+}
+/** `1536` → `"1.5 KB"`. */
+export declare function formatFileSize(bytes: number, locale?: string): string;
+export interface DropzoneProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'title'> {
+    ref?: React.Ref<HTMLLabelElement>;
+    /** Called with the picked or dropped files that pass `accept` and `maxSize`. */
+    onFiles?: (files: File[]) => void;
+    /** Called with the files that were turned away, and why. */
+    onReject?: (rejections: FileRejection[]) => void;
+    /** Allowed types, as for `<input accept>`: `".pdf,image/*"`. */
+    accept?: string;
+    multiple?: boolean;
+    /** Largest allowed file, in bytes. */
+    maxSize?: number;
+    /**
+     * The current selection. It is kept in the native input, so the files submit
+     * with a form and `required` validates. Without it the input is emptied after each pick.
+     */
+    files?: File[];
+    disabled?: boolean;
+    invalid?: boolean;
+    /** `sm` is a single compact row. */
+    size?: 'sm' | 'md';
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    /** Secondary line, e.g. the allowed types and size. */
+    hint?: React.ReactNode;
+    /** Props for the file input (name, id, required, aria-*…). */
+    inputProps?: Omit<React.ComponentProps<'input'>, 'ref' | 'type'>;
+}
+/** Drop target that also opens the file browser on click, Enter or Space. */
+export declare function Dropzone({ onFiles, onReject, accept, multiple, maxSize, files, disabled, invalid, size, icon, title, hint, inputProps, className, children, ref, ...props }: DropzoneProps): React.JSX.Element;
+export type FileItemStatus = 'idle' | 'uploading' | 'success' | 'error';
+export interface FileItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+    name: string;
+    /** Size in bytes. */
+    size?: number;
+    icon?: React.ReactNode;
+    status?: FileItemStatus;
+    /** Upload progress from 0 to 100, shown while `uploading`. `null` is indeterminate. */
+    progress?: number | null;
+    /** Message shown in place of the size when `status` is `error`. */
+    error?: React.ReactNode;
+    /** Adds the remove button. */
+    onRemove?: () => void;
+    removeLabel?: string;
+    /** Extra controls before the remove button (download, preview…). */
+    actions?: React.ReactNode;
+    /** BCP 47 locale for the size. */
+    locale?: string;
+}
+/** One file in a list: name, size, upload progress or error, and a remove button. */
+export declare function FileItem({ name, size, icon, status, progress, error, onRemove, removeLabel, actions, locale, className, ref, ...props }: FileItemProps): React.JSX.Element;
+export interface FileUploadLabels {
+    remove: (name: string) => string;
+}
+export interface FileUploadProps extends Pick<DropzoneProps, 'accept' | 'multiple' | 'maxSize' | 'onReject' | 'size' | 'icon' | 'title' | 'hint'> {
+    ref?: React.Ref<HTMLLabelElement>;
+    value?: File[];
+    defaultValue?: File[];
+    onValueChange?: (files: File[]) => void;
+    /** Most files allowed when `multiple`. */
+    maxFiles?: number;
+    /** Upload state of a file, for showing progress and errors in the list. */
+    fileState?: (file: File) => Pick<FileItemProps, 'status' | 'progress' | 'error'> | undefined;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Error message. When set, the field is marked invalid. */
+    error?: React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    /** Submits the files with a form under this name. */
+    name?: string;
+    id?: string;
+    className?: string;
+    /** BCP 47 locale for file sizes. */
+    locale?: string;
+    /** Override texts for localisation. */
+    labels?: Partial<FileUploadLabels>;
+}
+/**
+ * File field: a dropzone plus the list of chosen files. It only collects
+ * `File` objects; upload them yourself and report progress through `fileState`.
+ */
+export declare function FileUpload({ value, defaultValue, onValueChange, accept, multiple, maxSize, maxFiles, onReject, fileState, size, icon, title, hint, label, description, error, required, disabled, name, id: idProp, className, locale, labels, ref, }: FileUploadProps): React.JSX.Element;