@cloudvoyant/helical-react 0.21.0 → 0.21.1

package/dist/index.cjs

@@ -856,8 +856,34 @@ function Scroll({
 var import_factory16 = require("@ark-ui/react/factory");
 var import_helical_ui23 = require("@cloudvoyant/helical-ui");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-function Page({ variant = "default", className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_factory16.ark.div, { "data-slot": "page", className: (0, import_helical_ui23.cn)((0, import_helical_ui23.pageVariants)({ variant }), className), ...props, children });
+function Page({
+  variant = "default",
+  paneId,
+  paneTitle,
+  paneDisabled,
+  paneOrder,
+  className,
+  children,
+  ...props
+}) {
+  const pane = useOptionalPaneRegistration({
+    paneId,
+    paneTitle,
+    paneDisabled: paneDisabled ?? !paneId,
+    paneOrder,
+    defaultTitle: "Page"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_factory16.ark.div,
+    {
+      ref: pane.ref,
+      "data-slot": "page",
+      ...pane.dataAttributes,
+      className: (0, import_helical_ui23.cn)((0, import_helical_ui23.pageVariants)({ variant }), className),
+      ...props,
+      children
+    }
+  );
 }
 function PageGutter({
   side = "left",
@@ -933,7 +959,7 @@ function PageSection({
   const pane = useOptionalPaneRegistration({
     paneId,
     paneTitle,
-    paneDisabled,
+    paneDisabled: paneDisabled ?? !paneId,
     paneOrder,
     defaultTitle: "Section"
   });

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ElementType, ComponentPropsWithoutRef, RefCallback } from 'react';
 import { HTMLArkProps } from '@ark-ui/react/factory';
-import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, WindowPaneRegistrationProps, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PageVariants, PagePaneRegistrationProps, PageGutterVariants, PageGutterContentVariants, SplitterPanelPaneRegistrationProps, SidebarPaneRegistrationProps, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants, MermaidProps as MermaidProps$1, NoticeProps as NoticeProps$1, FigureProps as FigureProps$1, RevealProps as RevealProps$1, PrevNextProps as PrevNextProps$1, LaTeXProps as LaTeXProps$1, CodeBlockProps as CodeBlockProps$1, LanguageTab, FileEntry, ManimProps as ManimProps$1, YouTubeProps as YouTubeProps$1, YouTubeChapter, ChartProps as ChartProps$1, MultipleChoiceQuestionData, NumericQuestionData, Question, SingleChoiceQuestionData, ProseVariants, ToggleGroupRootVariants, ListboxItemData, KbdProps as KbdProps$1, WhichKeyState, WhichKeyController, KeybindingPreset, KeymapMode, JumpAction, KeymapCommandContext, WhichKeyControllerOptions, WhichKeyNode, PaneProps as PaneProps$1, WhichKeyProps as WhichKeyProps$1, WhichKeyModeProps as WhichKeyModeProps$1, WhichKeyExplorerProps as WhichKeyExplorerProps$1, MentionItem, ImageUploadResult, LinkPreviewFetcher, EditorCounts, OverlayPlacementOptions } from '@cloudvoyant/helical-ui';
+import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, WindowPaneRegistrationProps, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PagePaneRegistrationProps, PageVariants, PageGutterVariants, PageGutterContentVariants, SplitterPanelPaneRegistrationProps, SidebarPaneRegistrationProps, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants, MermaidProps as MermaidProps$1, NoticeProps as NoticeProps$1, FigureProps as FigureProps$1, RevealProps as RevealProps$1, PrevNextProps as PrevNextProps$1, LaTeXProps as LaTeXProps$1, CodeBlockProps as CodeBlockProps$1, LanguageTab, FileEntry, ManimProps as ManimProps$1, YouTubeProps as YouTubeProps$1, YouTubeChapter, ChartProps as ChartProps$1, MultipleChoiceQuestionData, NumericQuestionData, Question, SingleChoiceQuestionData, ProseVariants, ToggleGroupRootVariants, ListboxItemData, KbdProps as KbdProps$1, WhichKeyState, WhichKeyController, KeybindingPreset, KeymapMode, JumpAction, KeymapCommandContext, WhichKeyControllerOptions, WhichKeyNode, PaneProps as PaneProps$1, WhichKeyProps as WhichKeyProps$1, WhichKeyModeProps as WhichKeyModeProps$1, WhichKeyExplorerProps as WhichKeyExplorerProps$1, MentionItem, ImageUploadResult, LinkPreviewFetcher, EditorCounts, OverlayPlacementOptions } from '@cloudvoyant/helical-ui';
 export { EditorCounts, ImageUploadResult, JumpAction, JumpTarget, KeybindingPreset, KeymapCommandContext, KeymapExplorerEntry, KeymapHandler, KeymapMode, LinkPreviewAttributes, LinkPreviewFetcher, MentionItem, ModalEditorTarget, NavbarMenuDensity, NavbarMenuVariant, PaneRegistration, SlashCommandItem, UrlMentionAttributes, WhichKeyController, WhichKeyControllerOptions, WhichKeyNode, WhichKeyState, WhichKeyVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helical-ui';
 import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
 import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
@@ -170,10 +170,10 @@ type ScrollProps = ScrollAreaRootProps & {
 };
 declare function Scroll({ className, orientation, variant, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
 
-type PageProps = HTMLArkProps<'div'> & {
+type PageProps = HTMLArkProps<'div'> & PagePaneRegistrationProps & {
     variant?: PageVariants['variant'];
 };
-declare function Page({ variant, className, children, ...props }: PageProps): react.JSX.Element;
+declare function Page({ variant, paneId, paneTitle, paneDisabled, paneOrder, className, children, ...props }: PageProps): react.JSX.Element;
 type PageGutterProps = HTMLArkProps<'div'> & PagePaneRegistrationProps & {
     side?: PageGutterVariants['side'];
     align?: PageGutterContentVariants['align'];

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ElementType, ComponentPropsWithoutRef, RefCallback } from 'react';
 import { HTMLArkProps } from '@ark-ui/react/factory';
-import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, WindowPaneRegistrationProps, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PageVariants, PagePaneRegistrationProps, PageGutterVariants, PageGutterContentVariants, SplitterPanelPaneRegistrationProps, SidebarPaneRegistrationProps, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants, MermaidProps as MermaidProps$1, NoticeProps as NoticeProps$1, FigureProps as FigureProps$1, RevealProps as RevealProps$1, PrevNextProps as PrevNextProps$1, LaTeXProps as LaTeXProps$1, CodeBlockProps as CodeBlockProps$1, LanguageTab, FileEntry, ManimProps as ManimProps$1, YouTubeProps as YouTubeProps$1, YouTubeChapter, ChartProps as ChartProps$1, MultipleChoiceQuestionData, NumericQuestionData, Question, SingleChoiceQuestionData, ProseVariants, ToggleGroupRootVariants, ListboxItemData, KbdProps as KbdProps$1, WhichKeyState, WhichKeyController, KeybindingPreset, KeymapMode, JumpAction, KeymapCommandContext, WhichKeyControllerOptions, WhichKeyNode, PaneProps as PaneProps$1, WhichKeyProps as WhichKeyProps$1, WhichKeyModeProps as WhichKeyModeProps$1, WhichKeyExplorerProps as WhichKeyExplorerProps$1, MentionItem, ImageUploadResult, LinkPreviewFetcher, EditorCounts, OverlayPlacementOptions } from '@cloudvoyant/helical-ui';
+import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, WindowPaneRegistrationProps, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, PagePaneRegistrationProps, PageVariants, PageGutterVariants, PageGutterContentVariants, SplitterPanelPaneRegistrationProps, SidebarPaneRegistrationProps, sidebarMenuButtonVariants, SidebarContextProps, TabsListVariants, NavbarVariant, NavbarDensity, NavbarMenuVariant, InputProps as InputProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, SelectItemData, ComboboxItemVariants, MermaidProps as MermaidProps$1, NoticeProps as NoticeProps$1, FigureProps as FigureProps$1, RevealProps as RevealProps$1, PrevNextProps as PrevNextProps$1, LaTeXProps as LaTeXProps$1, CodeBlockProps as CodeBlockProps$1, LanguageTab, FileEntry, ManimProps as ManimProps$1, YouTubeProps as YouTubeProps$1, YouTubeChapter, ChartProps as ChartProps$1, MultipleChoiceQuestionData, NumericQuestionData, Question, SingleChoiceQuestionData, ProseVariants, ToggleGroupRootVariants, ListboxItemData, KbdProps as KbdProps$1, WhichKeyState, WhichKeyController, KeybindingPreset, KeymapMode, JumpAction, KeymapCommandContext, WhichKeyControllerOptions, WhichKeyNode, PaneProps as PaneProps$1, WhichKeyProps as WhichKeyProps$1, WhichKeyModeProps as WhichKeyModeProps$1, WhichKeyExplorerProps as WhichKeyExplorerProps$1, MentionItem, ImageUploadResult, LinkPreviewFetcher, EditorCounts, OverlayPlacementOptions } from '@cloudvoyant/helical-ui';
 export { EditorCounts, ImageUploadResult, JumpAction, JumpTarget, KeybindingPreset, KeymapCommandContext, KeymapExplorerEntry, KeymapHandler, KeymapMode, LinkPreviewAttributes, LinkPreviewFetcher, MentionItem, ModalEditorTarget, NavbarMenuDensity, NavbarMenuVariant, PaneRegistration, SlashCommandItem, UrlMentionAttributes, WhichKeyController, WhichKeyControllerOptions, WhichKeyNode, WhichKeyState, WhichKeyVariant, navbarMenuTriggerStyle } from '@cloudvoyant/helical-ui';
 import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
 import { TooltipRootProps, TooltipContentProps, TooltipRootProviderProps, TooltipTriggerProps, TooltipContent as TooltipContent$1 } from '@ark-ui/react/tooltip';
@@ -170,10 +170,10 @@ type ScrollProps = ScrollAreaRootProps & {
 };
 declare function Scroll({ className, orientation, variant, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
 
-type PageProps = HTMLArkProps<'div'> & {
+type PageProps = HTMLArkProps<'div'> & PagePaneRegistrationProps & {
     variant?: PageVariants['variant'];
 };
-declare function Page({ variant, className, children, ...props }: PageProps): react.JSX.Element;
+declare function Page({ variant, paneId, paneTitle, paneDisabled, paneOrder, className, children, ...props }: PageProps): react.JSX.Element;
 type PageGutterProps = HTMLArkProps<'div'> & PagePaneRegistrationProps & {
     side?: PageGutterVariants['side'];
     align?: PageGutterContentVariants['align'];

package/dist/index.js

@@ -692,8 +692,34 @@ import {
   cn as cn22
 } from "@cloudvoyant/helical-ui";
 import { jsx as jsx23 } from "react/jsx-runtime";
-function Page({ variant = "default", className, children, ...props }) {
-  return /* @__PURE__ */ jsx23(ark16.div, { "data-slot": "page", className: cn22(pageVariants({ variant }), className), ...props, children });
+function Page({
+  variant = "default",
+  paneId,
+  paneTitle,
+  paneDisabled,
+  paneOrder,
+  className,
+  children,
+  ...props
+}) {
+  const pane = useOptionalPaneRegistration({
+    paneId,
+    paneTitle,
+    paneDisabled: paneDisabled ?? !paneId,
+    paneOrder,
+    defaultTitle: "Page"
+  });
+  return /* @__PURE__ */ jsx23(
+    ark16.div,
+    {
+      ref: pane.ref,
+      "data-slot": "page",
+      ...pane.dataAttributes,
+      className: cn22(pageVariants({ variant }), className),
+      ...props,
+      children
+    }
+  );
 }
 function PageGutter({
   side = "left",
@@ -769,7 +795,7 @@ function PageSection({
   const pane = useOptionalPaneRegistration({
     paneId,
     paneTitle,
-    paneDisabled,
+    paneDisabled: paneDisabled ?? !paneId,
     paneOrder,
     defaultTitle: "Section"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudvoyant/helical-react",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "helical-ui React UI components",
   "license": "MIT",
   "type": "module",
@@ -50,7 +50,7 @@
     "@zag-js/dismissable": "1.43.1",
     "@zag-js/dom-query": "1.43.1",
     "lucide-react": "^1.32.0",
-    "@cloudvoyant/helical-ui": "0.21.0"
+    "@cloudvoyant/helical-ui": "0.21.1"
   },
   "devDependencies": {
     "@types/katex": "^0.16.8",