@rovula/ui 0.0.33 → 0.0.35

package/dist/cjs/types/components/Dialog/Dialog.d.ts

@@ -5,7 +5,10 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean | undefined;
+    closeButtonClassName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/cjs/types/icons/material-icon/outline/AlignVerticalBottom.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AlignVerticalBottom: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AlignVerticalBottom;

package/dist/cjs/types/icons/material-icon/outline/AlignVerticalTop.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AlignVerticalTop: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AlignVerticalTop;

package/dist/cjs/types/icons/material-icon/outline/VerticalDistribute.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const VerticalDistribute: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default VerticalDistribute;

package/dist/cjs/types/icons/material-icon/outline/index.d.ts

@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
 export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
 export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
 export { default as AllOutIcon } from "./AllOutIcon";
+export { default as AlignVerticalTop } from "./AlignVerticalTop";
+export { default as VerticalDistribute } from "./VerticalDistribute";
+export { default as AlignVerticalBottom } from "./AlignVerticalBottom";

package/dist/cjs/types/icons/material-icon/solid/AlignVerticalBottom.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AlignVerticalBottom: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AlignVerticalBottom;

package/dist/cjs/types/icons/material-icon/solid/AlignVerticalTop.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const AlignVerticalTop: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AlignVerticalTop;

package/dist/cjs/types/icons/material-icon/solid/VerticalDistribute.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from "react";
+declare const VerticalDistribute: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default VerticalDistribute;

package/dist/cjs/types/icons/material-icon/solid/index.d.ts

@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
 export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
 export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
 export { default as AllOutIcon } from "./AllOutIcon";
+export { default as AlignVerticalTop } from "./AlignVerticalTop";
+export { default as VerticalDistribute } from "./VerticalDistribute";
+export { default as AlignVerticalBottom } from "./AlignVerticalBottom";

package/dist/components/Dialog/Dialog.js

@@ -25,8 +25,8 @@ const DialogOverlay = React.forwardRef((_a, ref) => {
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef((_a, ref) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, Object.assign({ ref: ref, className: cn("fixed text-base-popup-foreground left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-base-popup bg-base-popup p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-md", className) }, props, { children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-primary data-[state=open]:text-primary-foreground", children: [_jsx(XMarkIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] }))] }));
+    var { className, children, showCloseButton = false, closeButtonClassName } = _a, props = __rest(_a, ["className", "children", "showCloseButton", "closeButtonClassName"]);
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, Object.assign({ ref: ref, className: cn("fixed text-base-popup-foreground left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-base-popup bg-base-popup p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-md", className) }, props, { children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { className: cn("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-primary data-[state=open]:text-primary-foreground", closeButtonClassName), children: [_jsx(XMarkIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] }))] }));
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = (_a) => {

package/dist/components/Icon/Icon.stories.js

@@ -360,6 +360,9 @@ export const PreviewMaterialIcon = {
             "format-list-bulleted",
             "format-list-numbered",
             "all-out",
+            "align-vertical-top",
+            "vertical-distribute",
+            "align-vertical-bottom",
         ];
         return (_jsx("div", { className: "grid grid-cols-1 gap-4 w-full h-full", children: _jsxs("div", { className: "flex flex-col justify-start gap-4 w-full h-full", children: [_jsx("h4", { children: "Material icons" }), materialIcon.map((iconName) => (_jsxs("div", { className: "flex flex-row gap-6 items-center", children: [_jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "sm" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "sm" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "md" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "md" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "lg" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "lg" })), _jsx("p", { className: "ml-4", children: iconName })] }, iconName)))] }) }));
     },