@camstack/ui-library 1.2.46 → 1.2.48

package/dist/primitives/dialog.d.ts

@@ -32,13 +32,27 @@ export declare function DialogTrigger({ children, ...props }: HTMLAttributes<HTM
  */
 declare const contentVariants: (props?: ({
     width?: "sm" | "md" | "lg" | null | undefined;
+    scroll?: "content" | "body" | null | undefined;
     placement?: "center" | "sheet-on-mobile" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type DialogPlacement = NonNullable<VariantProps<typeof contentVariants>['placement']>;
 export interface DialogContentProps extends HTMLAttributes<HTMLDialogElement>, VariantProps<typeof contentVariants> {
 }
 export declare const DialogContent: import('react').ForwardRefExoticComponent<DialogContentProps & import('react').RefAttributes<HTMLDialogElement>>;
+/** `shrink-0` is inert outside a flex column and load-bearing inside one:
+ *  under `scroll="body"` the header must keep its height while the body gives
+ *  ground, or a long form squeezes its own title to nothing. */
 export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/**
+ * The scrolling middle of a `scroll="body"` dialog.
+ *
+ * `min-h-0` is what makes it work: a flex item's default `min-height: auto`
+ * refuses to shrink below its content, so without it the body pushes the
+ * footer out of the dialog instead of scrolling — the exact failure this
+ * variant exists to remove. Anything sticky INSIDE a dialog body pins against
+ * this element, since it is the scroll container.
+ */
+export declare function DialogBody({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 export declare function DialogTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
 export declare function DialogDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;

package/dist/primitives/tabs.d.ts

@@ -5,6 +5,23 @@ interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     defaultValue?: string;
 }
 export declare function Tabs({ value: controlledValue, onValueChange, defaultValue, className, ...props }: TabsProps): import("react").JSX.Element;
+/**
+ * The strip SCROLLS sideways; it never squashes and never clips.
+ *
+ * Before this, the bar was a bare `flex flex-row`: every trigger was a
+ * shrinkable flex item with no `whitespace-nowrap`, so past ~4 tabs on a narrow
+ * viewport the labels wrapped inside a fixed-height (`h-7`) button and the
+ * last tabs left the box with no way to reach them. That is the "the headers
+ * are not scrollable" report on the Notification Center, whose rule sections
+ * (6) and rule-editor tabs (up to 6) both live in one of these.
+ *
+ * BOTH axes are spelled out on purpose. Per CSS Overflow, `visible` is not
+ * combinable with `auto`, so `overflow-x-auto` alone would silently promote
+ * `overflow-y` to `auto` as well — and a one-row bar whose content box is
+ * shortened by the horizontal scrollbar then raises a SECOND, vertical
+ * scrollbar. That exact defect is documented on `SchemaTabBar`; `overflow-y`
+ * pinned to `hidden` makes it impossible here.
+ */
 export declare function TabsList({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camstack/ui-library",
-  "version": "1.2.46",
+  "version": "1.2.48",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",