@hive-ui/side-modal 0.3.1 → 0.5.0

package/dist/index.d.mts

@@ -2,59 +2,60 @@ import { BoxProps } from "@hive-ui/box";
 import { NonModalDialogPrimitivePopoverInitialState, NonModalDialogPrimitiveStateReturn, NonModalDialogPrimitiveStateReturn as SideModalStateReturn } from "@hive-ui/non-modal-dialog-primitive";
 import * as _$react from "react";
 import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ButtonProps } from "@hive-ui/button";
 import { HeadingProps } from "@hive-ui/heading";
 //#region src/SideModal.d.ts
 type SideModalProps = Pick<BoxProps<"div">, "element" | "children"> & {
   /**
-  * Title of the dialog for screen readers.
-  *
-  * @type {string}
-  * @memberof SideModalProps
-  */
+   * Title of the dialog for screen readers.
+   *
+   * @type {string}
+   * @memberof SideModalProps
+   */
   "aria-label": string;
   /**
-  * Set to false to disable closing the SideModal when the "Escape" key is pressed.
-  *
-  * @default true
-  * @type {boolean}
-  * @memberof SideModalProps
-  */
+   * Set to false to disable closing the SideModal when the "Escape" key is pressed.
+   *
+   * @default true
+   * @type {boolean}
+   * @memberof SideModalProps
+   */
   hideOnEsc?: boolean;
 };
 declare const SideModal: _$react.ForwardRefExoticComponent<Pick<BoxProps<"div">, "children" | "element"> & {
   /**
-  * Title of the dialog for screen readers.
-  *
-  * @type {string}
-  * @memberof SideModalProps
-  */
+   * Title of the dialog for screen readers.
+   *
+   * @type {string}
+   * @memberof SideModalProps
+   */
   "aria-label": string;
   /**
-  * Set to false to disable closing the SideModal when the "Escape" key is pressed.
-  *
-  * @default true
-  * @type {boolean}
-  * @memberof SideModalProps
-  */
+   * Set to false to disable closing the SideModal when the "Escape" key is pressed.
+   *
+   * @default true
+   * @type {boolean}
+   * @memberof SideModalProps
+   */
   hideOnEsc?: boolean;
 } & _$react.RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/SideModalButton.d.ts
 type SideModalButtonProps = Omit<ButtonProps, "as"> & {
   /**
-  * The id of the SideModal that the button controls
-  *
-  * @type {string}
-  */
+   * The id of the SideModal that the button controls
+   *
+   * @type {string}
+   */
   id?: string;
 };
 declare const SideModalButton: _$react.ForwardRefExoticComponent<Omit<ButtonProps, "as"> & {
   /**
-  * The id of the SideModal that the button controls
-  *
-  * @type {string}
-  */
+   * The id of the SideModal that the button controls
+   *
+   * @type {string}
+   */
   id?: string;
 } & _$react.RefAttributes<HTMLElement>>;
 //#endregion
@@ -113,7 +114,17 @@ type SideModalContainerProps = NonModalDialogPrimitivePopoverInitialState & {
    */
   state?: SideModalStateReturn;
 };
-declare const SideModalContainer: _$react.NamedExoticComponent<SideModalContainerProps>;
+declare const SideModalContainer: _$react.MemoExoticComponent<{
+  ({
+    gutter: _gutter,
+    placement: _placement,
+    modal: _modal,
+    children,
+    state,
+    ...initialState
+  }: SideModalContainerProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+}>;
 //#endregion
 //#region src/SideModalBody.d.ts
 type SideModalBodyProps = Pick<BoxProps<"div">, "element" | "children">;
@@ -127,20 +138,20 @@ declare const SideModalFooter: _$react.ForwardRefExoticComponent<SideModalFooter
 type JustifyOptions = "flex-start" | "flex-end" | "space-between";
 type SideModalFooterActionsProps = Pick<BoxProps<"div">, "element" | "children"> & {
   /**
-  * Sets the `justify-content` CSS property.
-  *
-  * @type {JustifyOptions}
-  * @memberof SideModalFooterActionsProps
-  */
+   * Sets the `justify-content` CSS property.
+   *
+   * @type {JustifyOptions}
+   * @memberof SideModalFooterActionsProps
+   */
   justifyContent?: JustifyOptions;
 };
 declare const SideModalFooterActions: _$react.ForwardRefExoticComponent<Pick<BoxProps<"div">, "children" | "element"> & {
   /**
-  * Sets the `justify-content` CSS property.
-  *
-  * @type {JustifyOptions}
-  * @memberof SideModalFooterActionsProps
-  */
+   * Sets the `justify-content` CSS property.
+   *
+   * @type {JustifyOptions}
+   * @memberof SideModalFooterActionsProps
+   */
   justifyContent?: JustifyOptions;
 } & _$react.RefAttributes<HTMLElement>>;
 //#endregion

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import { animated, useTransition } from "@hive-ui/animation-library";
 import { Box } from "@hive-ui/box";
-import { hiveBaseStyles } from "@hive-ui/theme";
 import { styled } from "@hive-ui/css-library";
 import { NonModalDialogDisclosurePrimitive, NonModalDialogPrimitive, useNonModalDialogPrimitiveState } from "@hive-ui/non-modal-dialog-primitive";
+import { hiveBaseStyles } from "@hive-ui/theme";
 import { createContext, forwardRef, memo, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@hive-ui/button";
@@ -128,7 +128,7 @@ const SideModalHeading = forwardRef(({ element = "SIDE_MODAL_HEADING", as = "h2"
 });
 //#endregion
 //#region src/SideModalContainer.tsx
-const BaseSideModalContainer = ({ gutter, placement, modal, children, state, ...initialState }) => {
+const BaseSideModalContainer = ({ gutter: _gutter, placement: _placement, modal: _modal, children, state, ...initialState }) => {
 	const dialog = state || useNonModalDialogPrimitiveState({
 		modal: true,
 		unstable_fixed: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hive-ui/side-modal",
-  "version": "0.3.1",
-  "description": "Hive UI Side Modal Component",
+  "version": "0.5.0",
+  "description": "Side Modal presents a non-modal dialog that slides in from the right without blocking interaction with the page. It provides structured header, body, footer, and trigger components.",
   "files": [
     "dist"
   ],
@@ -21,16 +21,16 @@
     "prepublishOnly": "vp run build"
   },
   "dependencies": {
-    "@hive-ui/box": "^0.3.1",
-    "@hive-ui/button": "^0.3.1",
-    "@hive-ui/heading": "^0.3.1",
-    "@hive-ui/icons": "^0.3.1",
-    "@hive-ui/screen-reader-only": "^0.3.1",
-    "@hive-ui/animation-library": "^0.3.1",
-    "@hive-ui/theme": "^0.3.1",
-    "@hive-ui/css-library": "^0.3.1",
-    "@hive-ui/non-modal-dialog-primitive": "^0.3.1",
-    "@hive-ui/style-props": "^0.3.1"
+    "@hive-ui/animation-library": "^0.5.0",
+    "@hive-ui/box": "^0.5.0",
+    "@hive-ui/button": "^0.5.0",
+    "@hive-ui/css-library": "^0.5.0",
+    "@hive-ui/heading": "^0.5.0",
+    "@hive-ui/icons": "^0.5.0",
+    "@hive-ui/non-modal-dialog-primitive": "^0.5.0",
+    "@hive-ui/screen-reader-only": "^0.5.0",
+    "@hive-ui/style-props": "^0.5.0",
+    "@hive-ui/theme": "^0.5.0"
   },
   "devDependencies": {
     "@types/node": "^25.6.2",