@exegia/corpora-ui 0.25.0 → 0.27.0

package/dist-lib/components/blocks/shell/animated-panel-provider.d.ts

@@ -1,2 +1,2 @@
 import { AnimatedSidebarProviderProps } from './type';
-export declare function AnimatedPanelProvider({ children, shellId, defaultPanelWidth, open, defaultOpen, onOpenChange, openMobile, defaultOpenMobile, onOpenMobileChange, onNarrowChange, className, style, ...props }: AnimatedSidebarProviderProps): import("react").JSX.Element;
+export declare function AnimatedPanelProvider({ children, shellId, defaultPanelWidth, open, defaultOpen, onOpenChange, openMobile, defaultOpenMobile, onOpenMobileChange, onNarrowChange, panelComponents: _panelComponents, className, style, ...props }: AnimatedSidebarProviderProps): import("react").JSX.Element;

package/dist-lib/components/blocks/shell/shell-layout.d.ts

@@ -1,3 +1,3 @@
 import { ShellLayoutProps } from './type';
 import * as React from "react";
-export declare function ShellLayout({ children, variant, panels, className, header, defaultOpen, ...panelControlProps }: ShellLayoutProps): React.ReactElement;
+export declare function ShellLayout({ children, variant, panels, className, header, trailing, defaultOpen, panelComponents, ...panelControlProps }: ShellLayoutProps): React.ReactElement;

package/dist-lib/components/blocks/shell/type.d.ts

@@ -97,11 +97,15 @@ export type TPanelSide = IPanel["side"];
  * key. Where an entry's own `side` field disagrees with its key, the key
  * wins. */
 export type TPanelMap<Side extends TPanelSide = TPanelSide> = Partial<Record<Side, IPanel>>;
+/** Dynamic panel content keyed by side — filled by
+ * `useShellPanels().openPanel(side, component)` and read by ShellLayout,
+ * where a side's entry wins over the static `panels` map's `component`. */
+export type SidebarComponentMap = Partial<Record<SidebarSide, ReactNode>>;
 /** The open/close surface of the shell's panels, lifted straight from
  * AnimatedPanelProvider — every prop is keyed by side, there are no
  * explicit per-side props. `useShellPanels` produces the controlled subset
  * of these as `providerProps`. */
-export type ShellPanelControlProps = Pick<AnimatedSidebarProviderProps, "open" | "defaultOpen" | "onOpenChange" | "openMobile" | "defaultOpenMobile" | "onOpenMobileChange" | "shellId" | "defaultPanelWidth">;
+export type ShellPanelControlProps = Pick<AnimatedSidebarProviderProps, "open" | "defaultOpen" | "onOpenChange" | "openMobile" | "defaultOpenMobile" | "onOpenMobileChange" | "shellId" | "defaultPanelWidth" | "panelComponents">;
 export interface UseShellPanelsOptions {
     /** The id the shell's fit state is filed under. Name it to read the same
      * shell from elsewhere (`useShellFitState("app-shell")`) and to keep a
@@ -149,6 +153,13 @@ export interface ShellPanelControls {
      * mobile state themselves when the viewport is narrow. Carries the same
      * `isNarrow` refusal as `setOpen`. */
     toggle: (side: SidebarSide) => void;
+    /** Open a side's panel and, when given, swap in the content it shows.
+     * The component travels through `providerProps.panelComponents` into
+     * ShellLayout, where it wins over the static `panels` entry for that
+     * side, and sticks until the next `openPanel(side, component)` replaces
+     * it — closing the panel leaves it in place for the exit animation and
+     * the next open. Carries the same `isNarrow` refusal as `setOpen`. */
+    openPanel: (side: SidebarSide, component?: ReactNode) => void;
     /** Spread onto ShellLayout (or AnimatedPanelProvider directly). */
     providerProps: ShellPanelControlProps;
 }
@@ -158,6 +169,10 @@ export interface ShellLayoutProps extends ShellPanelControlProps {
      * the `left` rail and the `right` drawer; other sides are reserved. */
     panels?: TPanelMap;
     header?: ReactNode;
+    /** Actions pinned to the header's right edge, rendered just before the
+     * right panel's trigger. The cluster hugs the trailing edge no matter
+     * which of `header` / the left rail / the right panel are present. */
+    trailing?: ReactNode;
     className?: string;
     variant?: "web" | "desktop";
 }
@@ -205,6 +220,11 @@ export interface AnimatedSidebarProviderProps extends HTMLAttributes<HTMLDivElem
     /** Initial mobile overlay state — every side starts closed. */
     defaultOpenMobile?: SidebarOpenState;
     onOpenMobileChange?: (open: boolean, side: SidebarSide) => void;
+    /** Content pushed into a side's panel by `useShellPanels().openPanel`. It
+     * rides along in `providerProps` so the record can be spread on either
+     * surface: ShellLayout renders it in that side's panel; the bare provider
+     * renders no panels, so it only swallows the prop to keep it off the DOM. */
+    panelComponents?: SidebarComponentMap;
     /** Fires when the shell crosses the width a secondary panel needs (rail +
      * body + panel at their floors). An imperative escape hatch for a consumer
      * that mounts the provider on its own; anything under `ExegiaProvider` can

package/dist-lib/components/icons/__tests__/icons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-lib/components/icons/file-badge-cfm.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * CFM file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeCfm({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeCfm;

package/dist-lib/components/icons/file-badge-corpus.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * Corpus file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeCorpus({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeCorpus;

package/dist-lib/components/icons/file-badge-pdf.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * PDF file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgePdf({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgePdf;

package/dist-lib/components/icons/file-badge-tei.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TEI file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeTei({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeTei;

package/dist-lib/components/icons/file-badge-tf.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TF file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeTf({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeTf;

package/dist-lib/components/icons/file-badge-txt.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TXT file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeTxt({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeTxt;

package/dist-lib/components/icons/file-badge-xml.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * XML file icon — badge variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileBadgeXml({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileBadgeXml;

package/dist-lib/components/icons/file-wordmark-cfm.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * CFM file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkCfm({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkCfm;

package/dist-lib/components/icons/file-wordmark-corpus.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * Corpus file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkCorpus({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkCorpus;

package/dist-lib/components/icons/file-wordmark-pdf.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * PDF file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkPdf({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkPdf;

package/dist-lib/components/icons/file-wordmark-tei.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TEI file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkTei({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkTei;

package/dist-lib/components/icons/file-wordmark-tf.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TF file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkTf({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkTf;

package/dist-lib/components/icons/file-wordmark-txt.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * TXT file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkTxt({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkTxt;

package/dist-lib/components/icons/file-wordmark-xml.d.ts

@@ -0,0 +1,7 @@
+import { FileIconProps } from './types';
+/**
+ * XML file icon — wordmark variant.
+ * Light/dark artwork layers switch on Tailwind's `dark` variant.
+ */
+export declare function FileWordmarkXml({ size, title, className, ...props }: FileIconProps): import("react").JSX.Element;
+export default FileWordmarkXml;

package/dist-lib/components/icons/index.d.ts

@@ -0,0 +1,15 @@
+export type { FileIconProps } from './types';
+export { FileBadgeCfm } from './file-badge-cfm';
+export { FileBadgeCorpus } from './file-badge-corpus';
+export { FileBadgePdf } from './file-badge-pdf';
+export { FileBadgeTei } from './file-badge-tei';
+export { FileBadgeTf } from './file-badge-tf';
+export { FileBadgeTxt } from './file-badge-txt';
+export { FileBadgeXml } from './file-badge-xml';
+export { FileWordmarkCfm } from './file-wordmark-cfm';
+export { FileWordmarkCorpus } from './file-wordmark-corpus';
+export { FileWordmarkPdf } from './file-wordmark-pdf';
+export { FileWordmarkTei } from './file-wordmark-tei';
+export { FileWordmarkTf } from './file-wordmark-tf';
+export { FileWordmarkTxt } from './file-wordmark-txt';
+export { FileWordmarkXml } from './file-wordmark-xml';

package/dist-lib/components/icons/types.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+export interface FileIconProps extends Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> {
+    /** Rendered width and height. Defaults to 64. */
+    size?: number | string;
+    /** Accessible name. Pass `null` to mark the icon decorative. */
+    title?: string | null;
+}

package/dist-lib/index.d.ts

@@ -20,6 +20,7 @@ export * from './components/ui/separator';
 export * from './components/ui/skeleton';
 export * from './components/ui/spinner';
 export * from './components/ui/textarea';
+export * from './components/icons';
 export * from './components/composed/logo';
 export * from './components/composed/password-input';
 export * from './components/composed/social-providers';