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

package/dist/components/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["React","Input","BaseInput","Field","BaseField","cx","withClass","IconButton","EyeIcon","EyeOffIcon","ControlSize","InputProps","Omit","Props","size","startAdornment","ReactNode","endAdornment","t0","$","_c","className","props","ref","t1","undefined","grouped","t2","t3","t4","input","t5","disabled","t6","t7","t8","PasswordInputProps","visible","defaultVisible","onVisibleChange","toggleLabel","PasswordInput","inner","setInner","useState","shown","TextareaProps","TextareaHTMLAttributes","HTMLTextAreaElement","Ref","autoResize","Textarea","rows","HTMLInputElement","Control","FieldShellProps","label","description","error","required","fieldProps","ComponentProps","Root","TextFieldProps","TextField","name","PasswordFieldProps","PasswordField","TextareaFieldProps","TextareaField","Input","_c","BaseInput","BaseField","Field"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input as BaseInput } from '@base-ui/react/input';\nimport { Field as BaseField } from '@base-ui/react/field';\nimport { cx, withClass } from '../../utils/cx';\nimport { Field } from '../field/Field';\nimport { IconButton } from '../button/Button';\nimport { EyeIcon, EyeOffIcon } from '../../icons';\n\nexport type ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface InputProps extends Omit<BaseInput.Props, 'size'> {\n  size?: ControlSize;\n  /** Icon or text rendered inside the box, before the value. */\n  startAdornment?: React.ReactNode;\n  /** Icon, text or button rendered inside the box, after the value. */\n  endAdornment?: React.ReactNode;\n}\n\nexport function Input({ size = 'md', startAdornment, endAdornment, className, ref, ...props }: InputProps) {\n  const grouped = startAdornment != null || endAdornment != null;\n  const input = (\n    <BaseInput\n      ref={ref}\n      className={withClass('oui-input', className)}\n      data-size={size}\n      data-grouped={grouped || undefined}\n      {...props}\n    />\n  );\n  if (!grouped) return input;\n  return (\n    <span className=\"oui-input-group\" data-size={size} data-disabled={props.disabled || undefined}>\n      {startAdornment != null && <span className=\"oui-input-group__adornment\">{startAdornment}</span>}\n      {input}\n      {endAdornment != null && <span className=\"oui-input-group__adornment\">{endAdornment}</span>}\n    </span>\n  );\n}\n\nexport interface PasswordInputProps extends Omit<InputProps, 'type' | 'endAdornment'> {\n  /** Whether the value is shown as plain text. */\n  visible?: boolean;\n  defaultVisible?: boolean;\n  onVisibleChange?: (visible: boolean) => void;\n  /** Accessible name of the show/hide button. */\n  toggleLabel?: string;\n}\n\n/** Password input with a button that reveals the value. */\nexport function PasswordInput({\n  visible,\n  defaultVisible = false,\n  onVisibleChange,\n  toggleLabel = 'Show password',\n  ...props\n}: PasswordInputProps) {\n  const [inner, setInner] = React.useState(defaultVisible);\n  const shown = visible ?? inner;\n  return (\n    <Input\n      autoCapitalize=\"off\"\n      spellCheck={false}\n      {...props}\n      type={shown ? 'text' : 'password'}\n      endAdornment={\n        <IconButton\n          size=\"sm\"\n          aria-label={toggleLabel}\n          aria-pressed={shown}\n          disabled={props.disabled}\n          onClick={() => {\n            setInner(!shown);\n            onVisibleChange?.(!shown);\n          }}\n        >\n          {shown ? <EyeOffIcon /> : <EyeIcon />}\n        </IconButton>\n      }\n    />\n  );\n}\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  ref?: React.Ref<HTMLTextAreaElement>;\n  /** Grow with content up to `maxRows` (uses CSS field-sizing where supported). */\n  autoResize?: boolean;\n}\n\nexport function Textarea({ autoResize, className, rows = 3, ref, ...props }: TextareaProps) {\n  // Field.Control wires the textarea into Field labelling and validation.\n  return (\n    <BaseField.Control\n      ref={ref as unknown as React.Ref<HTMLInputElement>}\n      render={<textarea rows={rows} />}\n      className={cx('oui-input', 'oui-textarea', className)}\n      data-auto-resize={autoResize || undefined}\n      {...(props as unknown as BaseField.Control.Props)}\n    />\n  );\n}\n\ninterface FieldShellProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  /** Error message. When set, the field is marked invalid. */\n  error?: React.ReactNode;\n  required?: boolean;\n  /** Props for the wrapping Field.Root. */\n  fieldProps?: Omit<React.ComponentProps<typeof Field.Root>, 'children'>;\n}\n\nexport interface TextFieldProps extends InputProps, FieldShellProps {}\n\n/** Labelled input with description and error message. */\nexport function TextField({\n  label,\n  description,\n  error,\n  required,\n  fieldProps,\n  name,\n  disabled,\n  ref,\n  ...props\n}: TextFieldProps) {\n  return (\n    <Field.Root name={name} disabled={disabled} invalid={error ? true : undefined} {...fieldProps}>\n      {label && <Field.Label required={required}>{label}</Field.Label>}\n      <Input ref={ref} required={required} {...props} />\n      {description && <Field.Description>{description}</Field.Description>}\n      {error ? <Field.Error match>{error}</Field.Error> : <Field.Error />}\n    </Field.Root>\n  );\n}\n\nexport interface PasswordFieldProps extends PasswordInputProps, FieldShellProps {}\n\n/** Labelled password input with description and error message. */\nexport function PasswordField({\n  label,\n  description,\n  error,\n  required,\n  fieldProps,\n  name,\n  disabled,\n  ref,\n  ...props\n}: PasswordFieldProps) {\n  return (\n    <Field.Root name={name} disabled={disabled} invalid={error ? true : undefined} {...fieldProps}>\n      {label && <Field.Label required={required}>{label}</Field.Label>}\n      <PasswordInput ref={ref} required={required} disabled={disabled} {...props} />\n      {description && <Field.Description>{description}</Field.Description>}\n      {error ? <Field.Error match>{error}</Field.Error> : <Field.Error />}\n    </Field.Root>\n  );\n}\n\nexport interface TextareaFieldProps extends TextareaProps, FieldShellProps {}\n\nexport function TextareaField({\n  label,\n  description,\n  error,\n  required,\n  fieldProps,\n  name,\n  disabled,\n  ref,\n  ...props\n}: TextareaFieldProps) {\n  return (\n    <Field.Root name={name} disabled={disabled} invalid={error ? true : undefined} {...fieldProps}>\n      {label && <Field.Label required={required}>{label}</Field.Label>}\n      <Textarea ref={ref} required={required} {...props} />\n      {description && <Field.Description>{description}</Field.Description>}\n      {error ? <Field.Error match>{error}</Field.Error> : <Field.Error />}\n    </Field.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/components/link/Link.d.ts

@@ -0,0 +1,17 @@
+import { useRender } from '@base-ui/react/use-render';
+export type LinkTone = 'accent' | 'muted' | 'inherit';
+export type LinkUnderline = 'always' | 'hover' | 'none';
+export type LinkState = {
+    tone: LinkTone;
+    underline: LinkUnderline;
+    external: boolean;
+};
+export interface LinkProps extends useRender.ComponentProps<'a', LinkState> {
+    /** `inherit` takes the color of the surrounding text. */
+    tone?: LinkTone;
+    underline?: LinkUnderline;
+    /** Opens in a new tab, with a trailing icon. */
+    external?: boolean;
+}
+/** Text link. Pass a router link through `render`: `<Link render={<NavLink to="/fleet" />}>`. */
+export declare function Link({ tone, underline, external, render, children, ref, ...props }: LinkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/link/Link.js

@@ -0,0 +1,91 @@
+"use client";
+import { ExternalLinkIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/components/link/Link.tsx
+/** Text link. Pass a router link through `render`: `<Link render={<NavLink to="/fleet" />}>`. */
+function Link(t0) {
+	const $ = c(20);
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		const { tone: t7, underline: t8, external: t9, render, children, ref, ...props } = t0;
+		const tone = t7 === void 0 ? "accent" : t7;
+		const underline = t8 === void 0 ? "always" : t8;
+		const external = t9 === void 0 ? false : t9;
+		let t10;
+		if ($[7] !== external || $[8] !== tone || $[9] !== underline) {
+			t10 = {
+				tone,
+				underline,
+				external
+			};
+			$[7] = external;
+			$[8] = tone;
+			$[9] = underline;
+			$[10] = t10;
+		} else t10 = $[10];
+		const state = t10;
+		t6 = useRender;
+		t1 = "a";
+		t2 = render;
+		t3 = ref;
+		t4 = state;
+		let t11;
+		if ($[11] !== children || $[12] !== external) {
+			t11 = external ? /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "oui-link__icon" })] }) : children;
+			$[11] = children;
+			$[12] = external;
+			$[13] = t11;
+		} else t11 = $[13];
+		t5 = mergeProps({
+			className: "oui-link",
+			...external && {
+				target: "_blank",
+				rel: "noopener noreferrer"
+			},
+			children: t11
+		}, props);
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+	}
+	let t7;
+	if ($[14] !== t1 || $[15] !== t2 || $[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
+		t7 = {
+			defaultTagName: t1,
+			render: t2,
+			ref: t3,
+			state: t4,
+			props: t5
+		};
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t6(t7);
+}
+//#endregion
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["useRender","mergeProps","ExternalLinkIcon","LinkTone","LinkUnderline","LinkState","tone","underline","external","LinkProps","ComponentProps","Link","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","t8","t9","render","children","ref","props","undefined","t10","state","t11","className","target","rel","defaultTagName","_c","_Fragment"],"sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { ExternalLinkIcon } from '../../icons';\n\nexport type LinkTone = 'accent' | 'muted' | 'inherit';\nexport type LinkUnderline = 'always' | 'hover' | 'none';\n\nexport type LinkState = { tone: LinkTone; underline: LinkUnderline; external: boolean };\n\nexport interface LinkProps extends useRender.ComponentProps<'a', LinkState> {\n  /** `inherit` takes the color of the surrounding text. */\n  tone?: LinkTone;\n  underline?: LinkUnderline;\n  /** Opens in a new tab, with a trailing icon. */\n  external?: boolean;\n}\n\n/** Text link. Pass a router link through `render`: `<Link render={<NavLink to=\"/fleet\" />}>`. */\nexport function Link({\n  tone = 'accent',\n  underline = 'always',\n  external = false,\n  render,\n  children,\n  ref,\n  ...props\n}: LinkProps) {\n  const state: LinkState = { tone, underline, external };\n  return useRender({\n    defaultTagName: 'a',\n    render,\n    ref,\n    state,\n    props: mergeProps<'a'>(\n      {\n        className: 'oui-link',\n        ...(external && { target: '_blank', rel: 'noopener noreferrer' }),\n        children: external ? (\n          <>\n            {children}\n            <ExternalLinkIcon className=\"oui-link__icon\" />\n          </>\n        ) : (\n          children\n        ),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;AAkBA,SAAOW,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAc,MAAA,EAAAN,MAAAe,IAAAd,WAAAe,IAAAd,UAAAe,IAAAC,QAAAC,UAAAC,KAAA,GAAAC,UAAAf;EACnB,MAAAN,OAAAe,OAAAO,KAAAA,IAAA,WAAAP;EACA,MAAAd,YAAAe,OAAAM,KAAAA,IAAA,WAAAN;EACA,MAAAd,WAAAe,OAAAK,KAAAA,IAAA,QAAAL;EAAgB,IAAAM;EAAA,IAAAhB,EAAA,OAAAL,YAAAK,EAAA,OAAAP,QAAAO,EAAA,OAAAN,WAAA;GAMSsB,MAAA;IAAAvB;IAAAC;IAAAC;GAA4B;GAACK,EAAA,KAAAL;GAAAK,EAAA,KAAAP;GAAAO,EAAA,KAAAN;GAAAM,EAAA,MAAAgB;EAAA,OAAAA,MAAAhB,EAAA;EAAtD,MAAAiB,QAAyBD;EAClB7B,KAAAA;EACWe,KAAA;EAChBS,KAAAA;EACAE,KAAAA;EACAI,KAAAA;EAAK,IAAAC;EAAA,IAAAlB,EAAA,QAAAY,YAAAZ,EAAA,QAAAL,UAAA;GAKSuB,MAAAvB,WAAA,qBAAA6B,UAAA,EAAA,UAAA,CAELZ,UACD,oBAAC,kBAAD,EAA4B,WAAA,iBAAgB,CAAA,CAAG,EAAA,CAAA,IAHzCA;GAOTZ,EAAA,MAAAY;GAAAZ,EAAA,MAAAL;GAAAK,EAAA,MAAAkB;EAAA,OAAAA,MAAAlB,EAAA;EAXEM,KAAAlB,WACL;GAAA+B,WACa;GAAU,GACjBxB,YAAA;IAAAyB,QAAsB;IAAQC,KAAO;GAAsB;GAACT,UACtDM;EAQZ,GACAJ,KACF;EAACd,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAL,KAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAE,MAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,MAAAL,EAAA,QAAAM,IAAA;EAnBcE,KAAA;GAAAc,gBACCpB;GAAGS,QACnBA;GAAME,KACNA;GAAGI,OACHA;GAAKH,OACER;EAeT;EAACN,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OApBMb,GAAUqB,EAoBhB;AAAC"}

package/dist/components/menu/Menu.d.ts

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+export interface MenuContentProps extends BaseMenu.Popup.Props {
+    side?: BaseMenu.Positioner.Props['side'];
+    align?: BaseMenu.Positioner.Props['align'];
+    sideOffset?: BaseMenu.Positioner.Props['sideOffset'];
+    alignOffset?: BaseMenu.Positioner.Props['alignOffset'];
+    positionerProps?: BaseMenu.Positioner.Props;
+}
+declare function MenuContent({ side, align, sideOffset, alignOffset, positionerProps, className, ref, ...props }: MenuContentProps): React.JSX.Element;
+export interface ContextMenuContentProps extends BaseContextMenu.Popup.Props {
+    positionerProps?: BaseContextMenu.Positioner.Props;
+}
+declare function ContextMenuContent({ positionerProps, className, ref, ...props }: ContextMenuContentProps): React.JSX.Element;
+interface ItemExtras {
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Trailing hint, e.g. a keyboard shortcut. */
+    shortcut?: React.ReactNode;
+    /** Destructive styling. */
+    danger?: boolean;
+}
+export interface MenuItemProps extends BaseMenu.Item.Props, ItemExtras {
+}
+declare function MenuItem({ icon, shortcut, danger, className, children, ref, ...props }: MenuItemProps): React.JSX.Element;
+export interface MenuLinkItemProps extends BaseMenu.LinkItem.Props, Omit<ItemExtras, 'danger'> {
+}
+declare function MenuLinkItem({ icon, shortcut, className, children, ref, ...props }: MenuLinkItemProps): React.JSX.Element;
+export interface MenuCheckboxItemProps extends BaseMenu.CheckboxItem.Props, Omit<ItemExtras, 'icon' | 'danger'> {
+}
+declare function MenuCheckboxItem({ shortcut, className, children, ref, ...props }: MenuCheckboxItemProps): React.JSX.Element;
+export interface MenuRadioItemProps extends BaseMenu.RadioItem.Props, Omit<ItemExtras, 'icon' | 'danger'> {
+}
+declare function MenuRadioItem({ shortcut, className, children, ref, ...props }: MenuRadioItemProps): React.JSX.Element;
+declare function MenuSeparator({ className, ref, ...props }: BaseMenu.Separator.Props): React.JSX.Element;
+declare function MenuGroupLabel({ className, ref, ...props }: BaseMenu.GroupLabel.Props): React.JSX.Element;
+export interface MenuSubmenuTriggerProps extends BaseMenu.SubmenuTrigger.Props, Omit<ItemExtras, 'shortcut' | 'danger'> {
+}
+declare function MenuSubmenuTrigger({ icon, className, children, ref, ...props }: MenuSubmenuTriggerProps): React.JSX.Element;
+/**
+ * Dropdown menu of actions. Compose `Menu.Root` › `Menu.Trigger` + `Menu.Content` › items.
+ * For nested menus use `Menu.SubmenuRoot` › `Menu.SubmenuTrigger` + `Menu.Content`.
+ */
+export declare const Menu: {
+    Root: <Payload>(props: BaseMenu.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: BaseMenu.Trigger;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    RadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").MenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: typeof MenuRadioItem;
+    Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: typeof MenuGroupLabel;
+    Separator: typeof MenuSeparator;
+    SubmenuRoot: typeof BaseMenu.SubmenuRoot;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+};
+/**
+ * Menu opened by right click or long press on `ContextMenu.Trigger`, which wraps
+ * the target area. The item parts are the same as `Menu`'s.
+ */
+export declare const ContextMenu: {
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    RadioGroup: React.NamedExoticComponent<Omit<import("@base-ui/react").MenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: typeof MenuRadioItem;
+    Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: typeof MenuGroupLabel;
+    Separator: typeof MenuSeparator;
+    SubmenuRoot: typeof BaseMenu.SubmenuRoot;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    Root: typeof BaseContextMenu.Root;
+    Trigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof ContextMenuContent;
+};
+export {};