oasis-editor 0.0.118 → 0.0.119

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/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/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/index.d.ts

@@ -16,12 +16,19 @@ 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';

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.118",
+  "version": "0.0.119",
   "type": "module",
   "repository": {
     "type": "git",