oasis-editor 0.0.117 → 0.0.119

package/dist/ui/public/ActionRow.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+
+export interface ActionRowProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    align?: "start" | "end" | "between";
+    wrap?: boolean;
+}
+export declare function ActionRow(props: ActionRowProps): JSX.Element;

package/dist/ui/public/ColorField.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { TextFieldProps } from './TextField.js';
+
+export interface ColorFieldProps extends Omit<TextFieldProps, "type" | "onChange"> {
+    onChange?: (value: string) => void;
+}
+export declare function ColorField(props: ColorFieldProps): JSX.Element;

package/dist/ui/public/FieldGroup.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+
+export interface FieldGroupProps extends JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend?: string;
+    legendClass?: string;
+}
+export declare function FieldGroup(props: FieldGroupProps): JSX.Element;

package/dist/ui/public/FormField.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+
+export interface FormFieldProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    for?: string;
+    description?: string;
+    error?: string;
+    labelClass?: string;
+}
+export declare function FormField(props: FormFieldProps): JSX.Element;

package/dist/ui/public/Grid.d.ts

@@ -0,0 +1,18 @@
+import { JSX, ParentProps } from 'solid-js';
+import { FlexAlign, FlexJustify, FlexWrap, GridOffset, GridSize, ResponsiveValue, SpacingValue, StackDirection } from './layoutTypes.js';
+
+export interface GridProps extends ParentProps<JSX.HTMLAttributes<HTMLElement>> {
+    container?: boolean;
+    size?: ResponsiveValue<GridSize>;
+    columns?: ResponsiveValue<number>;
+    spacing?: ResponsiveValue<SpacingValue>;
+    rowSpacing?: ResponsiveValue<SpacingValue>;
+    columnSpacing?: ResponsiveValue<SpacingValue>;
+    direction?: ResponsiveValue<StackDirection>;
+    offset?: ResponsiveValue<GridOffset>;
+    wrap?: ResponsiveValue<FlexWrap>;
+    alignItems?: ResponsiveValue<FlexAlign>;
+    justifyContent?: ResponsiveValue<FlexJustify>;
+    component?: keyof JSX.IntrinsicElements;
+}
+export declare function Grid(props: GridProps): JSX.Element;

package/dist/ui/public/Heading.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'solid-js';
+
+export interface HeadingProps extends JSX.HTMLAttributes<HTMLHeadingElement> {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare function Heading(props: HeadingProps): JSX.Element;

package/dist/ui/public/SelectField.d.ts

@@ -9,6 +9,8 @@ export interface SelectFieldProps extends Omit<JSX.SelectHTMLAttributes<HTMLSele
     label?: string;
     description?: string;
     error?: string;
+    labelClass?: string;
+    controlClass?: string;
     options: SelectFieldOption[];
     onChange?: (value: string) => void;
 }

package/dist/ui/public/Stack.d.ts

@@ -0,0 +1,13 @@
+import { JSX, ParentProps } from 'solid-js';
+import { FlexAlign, FlexJustify, ResponsiveValue, SpacingValue, StackDirection } from './layoutTypes.js';
+
+export interface StackProps extends ParentProps<JSX.HTMLAttributes<HTMLElement>> {
+    direction?: ResponsiveValue<StackDirection>;
+    spacing?: ResponsiveValue<SpacingValue>;
+    divider?: JSX.Element | ((index: number) => JSX.Element);
+    useFlexGap?: boolean;
+    alignItems?: ResponsiveValue<FlexAlign>;
+    justifyContent?: ResponsiveValue<FlexJustify>;
+    component?: keyof JSX.IntrinsicElements;
+}
+export declare function Stack(props: StackProps): JSX.Element;

package/dist/ui/public/StatusText.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+
+export interface StatusTextProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    tone?: "default" | "muted" | "danger" | "success";
+    as?: "span" | "p";
+}
+export declare function StatusText(props: StatusTextProps): JSX.Element;

package/dist/ui/public/SurfaceButton.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+
+export interface SurfaceButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: string;
+    label?: string;
+    variant?: "ghost" | "secondary";
+    size?: "sm" | "md";
+    active?: boolean;
+}
+export declare function SurfaceButton(props: SurfaceButtonProps): JSX.Element;

package/dist/ui/public/Text.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+
+export interface TextProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    as?: "span" | "p" | "strong";
+    tone?: "default" | "muted" | "danger";
+    size?: "sm" | "md";
+}
+export declare function Text(props: TextProps): JSX.Element;

package/dist/ui/public/TextAreaField.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+
+export interface TextAreaFieldProps extends Omit<JSX.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
+    label?: string;
+    description?: string;
+    error?: string;
+    labelClass?: string;
+    controlClass?: string;
+    onChange?: (value: string) => void;
+}
+export declare function TextAreaField(props: TextAreaFieldProps): JSX.Element;

package/dist/ui/public/TextField.d.ts

@@ -4,6 +4,8 @@ export interface TextFieldProps extends Omit<JSX.InputHTMLAttributes<HTMLInputEl
     label?: string;
     description?: string;
     error?: string;
+    labelClass?: string;
+    controlClass?: string;
     onChange?: (value: string) => void;
 }
 export declare function TextField(props: TextFieldProps): JSX.Element;

package/dist/ui/public/index.d.ts

@@ -4,10 +4,31 @@ export { Tabs } from '../components/Tabs/Tabs.js';
 export type { TabsItem, TabsProps } from '../components/Tabs/Tabs.js';
 export { Button } from './Button.js';
 export type { ButtonProps } from './Button.js';
+export { SurfaceButton } from './SurfaceButton.js';
+export type { SurfaceButtonProps } from './SurfaceButton.js';
 export { IconButton } from './IconButton.js';
 export type { IconButtonProps } from './IconButton.js';
+export { Text } from './Text.js';
+export type { TextProps } from './Text.js';
+export { Heading } from './Heading.js';
+export type { HeadingProps } from './Heading.js';
+export { StatusText } from './StatusText.js';
+export type { StatusTextProps } from './StatusText.js';
+export { ActionRow } from './ActionRow.js';
+export type { ActionRowProps } from './ActionRow.js';
+export { Stack } from './Stack.js';
+export type { StackProps } from './Stack.js';
+export { Grid } from './Grid.js';
+export type { GridProps } from './Grid.js';
+export type { GridOffset, GridSize, ResponsiveValue } from './layoutTypes.js';
+export { FormField } from './FormField.js';
+export type { FormFieldProps } from './FormField.js';
 export { TextField } from './TextField.js';
 export type { TextFieldProps } from './TextField.js';
+export { TextAreaField } from './TextAreaField.js';
+export type { TextAreaFieldProps } from './TextAreaField.js';
+export { ColorField } from './ColorField.js';
+export type { ColorFieldProps } from './ColorField.js';
 export { Checkbox } from './Checkbox.js';
 export type { CheckboxProps } from './Checkbox.js';
 export { SelectField } from './SelectField.js';
@@ -18,6 +39,8 @@ export { Radio, RadioGroup } from './Radio.js';
 export type { RadioGroupOption, RadioGroupProps, RadioProps } from './Radio.js';
 export { FieldRow } from './FieldRow.js';
 export type { FieldRowProps } from './FieldRow.js';
+export { FieldGroup } from './FieldGroup.js';
+export type { FieldGroupProps } from './FieldGroup.js';
 export { ToggleChip } from './ToggleChip.js';
 export type { ToggleChipProps } from './ToggleChip.js';
 export { DialogFooter } from './DialogFooter.js';

package/dist/ui/public/layoutTypes.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
+export type SpacingValue = number | string;
+export type StackDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+export type FlexAlign = "flex-start" | "center" | "flex-end" | "stretch" | "baseline";
+export type FlexJustify = "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+export type GridSize = number | "auto" | "grow" | false;
+export type GridOffset = number | "auto";
+export declare const BREAKPOINTS: Breakpoint[];
+export declare function isResponsiveObject<T>(value: ResponsiveValue<T> | undefined): value is Partial<Record<Breakpoint, T>>;
+export declare function toResponsiveRecord<T>(value: ResponsiveValue<T> | undefined): Partial<Record<Breakpoint, T>>;
+export declare function spacingToCss(value: SpacingValue): string;
+export declare function responsiveCssVars<T>(prefix: string, value: ResponsiveValue<T> | undefined, transform: (value: T) => string): JSX.CSSProperties;
+export declare function mergeStyles(...styles: Array<JSX.CSSProperties | string | undefined>): JSX.CSSProperties | string | undefined;

package/dist/ui.d.ts

@@ -1,2 +1,2 @@
-export { Button, Checkbox, ColorPicker, ColorPicker as ToolbarColorPicker, Dialog, DialogFooter, GridPicker, IconButton, Menu, Popover, Select, SelectField, Separator, SplitButton, Tabs, TextField, ToolbarButton, } from '../index.ts';
-export type { ButtonProps, CheckboxProps, ColorPickerKind, ColorPickerProps, DialogFooterProps, DialogProps, GridPickerProps, IconButtonProps, MenuProps, PopoverProps, PopoverTriggerApi, SelectFieldOption, SelectFieldProps, SeparatorProps, SplitButtonProps, TabsItem, TabsProps, TextFieldProps, ToolbarButtonProps, ToolbarSelectProps, } from '../index.ts';
+export { ActionRow, Button, Checkbox, ColorField, ColorPicker, ColorPicker as ToolbarColorPicker, Dialog, DialogFooter, FieldGroup, FieldRow, FloatingActionButton, FormField, Grid, GridPicker, Heading, IconButton, Menu, NumberField, Popover, Radio, RadioGroup, Select, SelectField, Separator, SidePanel, SidePanelBody, SidePanelFooter, SidePanelHeader, SplitButton, Stack, StatusText, SurfaceButton, Tabs, Text, TextAreaField, TextField, ToolbarButton, ToggleChip, } from '../index.ts';
+export type { ActionRowProps, ButtonProps, CheckboxProps, ColorFieldProps, ColorPickerKind, ColorPickerProps, DialogFooterProps, DialogProps, FieldGroupProps, FieldRowProps, FloatingActionButtonProps, FormFieldProps, GridOffset, GridPickerProps, GridProps, GridSize, HeadingProps, IconButtonProps, MenuProps, NumberFieldProps, PopoverProps, PopoverTriggerApi, RadioGroupOption, RadioGroupProps, RadioProps, ResponsiveValue, SelectFieldOption, SelectFieldProps, SeparatorProps, SidePanelProps, SidePanelSectionProps, SplitButtonProps, StackProps, StatusTextProps, SurfaceButtonProps, TabsItem, TabsProps, TextAreaFieldProps, TextProps, TextFieldProps, ToolbarButtonProps, ToolbarSelectProps, ToggleChipProps, } from '../index.ts';

package/dist/ui.js

@@ -1,20 +1,41 @@
-import { Button as r, Checkbox as t, ColorPicker as l, Dialog as i, DialogFooter as a, GridPicker as c, IconButton as n, Menu as k, Popover as u, Select as P, SelectField as b, Separator as p, SplitButton as B, Tabs as C, TextField as S, ToolbarButton as T, ColorPicker as d } from "oasis-editor";
+import { ActionRow as t, Button as i, Checkbox as r, ColorField as l, ColorPicker as a, Dialog as d, DialogFooter as n, FieldGroup as c, FieldRow as u, FloatingActionButton as F, FormField as S, Grid as P, GridPicker as T, Heading as p, IconButton as B, Menu as g, NumberField as k, Popover as x, Radio as C, RadioGroup as b, Select as G, SelectField as R, Separator as m, SidePanel as s, SidePanelBody as A, SidePanelFooter as f, SidePanelHeader as h, SplitButton as w, Stack as D, StatusText as H, SurfaceButton as v, Tabs as y, Text as I, TextAreaField as M, TextField as N, ToggleChip as j, ToolbarButton as q, ColorPicker as z } from "oasis-editor";
 export {
-  r as Button,
-  t as Checkbox,
-  l as ColorPicker,
-  i as Dialog,
-  a as DialogFooter,
-  c as GridPicker,
-  n as IconButton,
-  k as Menu,
-  u as Popover,
-  P as Select,
-  b as SelectField,
-  p as Separator,
-  B as SplitButton,
-  C as Tabs,
-  S as TextField,
-  T as ToolbarButton,
-  d as ToolbarColorPicker
+  t as ActionRow,
+  i as Button,
+  r as Checkbox,
+  l as ColorField,
+  a as ColorPicker,
+  d as Dialog,
+  n as DialogFooter,
+  c as FieldGroup,
+  u as FieldRow,
+  F as FloatingActionButton,
+  S as FormField,
+  P as Grid,
+  T as GridPicker,
+  p as Heading,
+  B as IconButton,
+  g as Menu,
+  k as NumberField,
+  x as Popover,
+  C as Radio,
+  b as RadioGroup,
+  G as Select,
+  R as SelectField,
+  m as Separator,
+  s as SidePanel,
+  A as SidePanelBody,
+  f as SidePanelFooter,
+  h as SidePanelHeader,
+  w as SplitButton,
+  D as Stack,
+  H as StatusText,
+  v as SurfaceButton,
+  y as Tabs,
+  I as Text,
+  M as TextAreaField,
+  N as TextField,
+  j as ToggleChip,
+  q as ToolbarButton,
+  z as ToolbarColorPicker
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oasis-editor",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "type": "module",
   "repository": {
     "type": "git",
@@ -59,6 +59,7 @@
     "test": "vitest run",
     "test:word-parity": "vitest run --config vitest.word-parity.config.js",
     "check:imports": "node ./scripts/check-import-graph.mjs",
+    "check:native-ui": "node ./scripts/check-native-ui-elements.mjs",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx",
     "format": "prettier --write \"src/**/*.{ts,tsx}\""