routelit-client 0.0.2 → 0.0.3

package/dist/components/heading.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    children: React.ReactNode;
+    body: React.ReactNode;
 }
-declare function Heading({ children, level, ...props }: HeadingProps): React.DetailedReactHTMLElement<{
+declare function Heading({ body, level, ...props }: HeadingProps): React.DetailedReactHTMLElement<{
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -112,6 +112,7 @@ declare function Heading({ children, level, ...props }: HeadingProps): React.Det
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
+    children?: React.ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -286,7 +287,7 @@ declare function Heading({ children, level, ...props }: HeadingProps): React.Det
     onTransitionStart?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
     onTransitionStartCapture?: React.TransitionEventHandler<HTMLHeadingElement> | undefined;
 }, HTMLElement>;
-declare function Title({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-declare function Header({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-declare function Subheader({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Title({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Header({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Subheader({ body, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
 export { Heading, Title, Header, Subheader };

package/dist/routelit-client.es.dev.js

@@ -20693,17 +20693,17 @@ const Expander = ({
   ] });
 };
 Expander.displayName = "Expander";
-function Heading({ children, level = 1, ...props }) {
-  return React.createElement(`h${level}`, props, children);
+function Heading({ body, level = 1, ...props }) {
+  return React.createElement(`h${level}`, props, body);
 }
-function Title({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 1, ...props, children });
+function Title({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 1, ...props, body });
 }
-function Header({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 2, ...props, children });
+function Header({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 2, ...props, body });
 }
-function Subheader({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Heading, { level: 3, ...props, children });
+function Subheader({ body, ...props }) {
+  return /* @__PURE__ */ jsx(Heading, { level: 3, ...props, body });
 }
 const Checkbox = memo(function Checkbox2({
   label,
@@ -20779,7 +20779,7 @@ const CheckboxGroup = memo(function CheckboxGroup2({
     },
     [dispatchChange, value]
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { children: [
       label,
       " ",
@@ -20849,7 +20849,7 @@ function TextInputComponent({
     }
   };
   const required = props.required;
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",
@@ -20950,7 +20950,7 @@ const Select = memo(function Select2({
       dispatchChange(newValue);
     }
   }
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",
@@ -21001,7 +21001,7 @@ function TextareaComponent({
     }
   };
   const required = props.required;
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rl-form-group", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: id, children: [
       label,
       " ",