moduix 0.11.0 → 0.11.2

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -1,19 +1,66 @@
-import { ComponentProps } from 'react';
-import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
-declare const AlertDialog: typeof AlertDialogPrimitive.Root;
-declare const createAlertDialogHandle: typeof AlertDialogPrimitive.createHandle;
-declare function AlertDialogPortal({ className, ...props }: AlertDialogPrimitive.Portal.Props): import("react").JSX.Element;
-declare function AlertDialogTrigger({ className, render, ...props }: AlertDialogPrimitive.Trigger.Props): import("react").JSX.Element;
-declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react").JSX.Element;
-declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): import("react").JSX.Element;
-declare function AlertDialogPopup({ className, ...props }: AlertDialogPrimitive.Popup.Props): import("react").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): import("react").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react").JSX.Element;
-declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react").JSX.Element;
-declare function AlertDialogContent({ className, children, ...props }: AlertDialogPrimitive.Popup.Props): import("react").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function AlertDialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: AlertDialogPrimitive.Close.Props): import("react").JSX.Element;
-export { AlertDialog, createAlertDialogHandle, AlertDialogPortal, AlertDialogTrigger, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, };
+import { ComponentProps } from "react";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+
+//#region src/components/AlertDialog/AlertDialog.d.ts
+declare const AlertDialog$1: typeof AlertDialog.Root;
+declare const createAlertDialogHandle: typeof AlertDialog.createHandle;
+declare function AlertDialogPortal({
+  className,
+  ...props
+}: AlertDialog.Portal.Props): import("react").JSX.Element;
+declare function AlertDialogTrigger({
+  className,
+  render,
+  ...props
+}: AlertDialog.Trigger.Props): import("react").JSX.Element;
+declare function AlertDialogBackdrop({
+  className,
+  ...props
+}: AlertDialog.Backdrop.Props): import("react").JSX.Element;
+declare function AlertDialogViewport({
+  className,
+  ...props
+}: AlertDialog.Viewport.Props): import("react").JSX.Element;
+declare function AlertDialogPopup({
+  className,
+  ...props
+}: AlertDialog.Popup.Props): import("react").JSX.Element;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialog.Title.Props): import("react").JSX.Element;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: AlertDialog.Description.Props): import("react").JSX.Element;
+declare function AlertDialogClose({
+  className,
+  ...props
+}: AlertDialog.Close.Props): import("react").JSX.Element;
+declare function AlertDialogContent({
+  className,
+  children,
+  ...props
+}: AlertDialog.Popup.Props): import("react").JSX.Element;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogBody({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function AlertDialogAction({
+  className,
+  ...props
+}: AlertDialog.Close.Props): import("react").JSX.Element;
+declare function AlertDialogCancel({
+  className,
+  ...props
+}: AlertDialog.Close.Props): import("react").JSX.Element;
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, createAlertDialogHandle };

package/dist/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,107 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import AlertDialog_module_default from "./AlertDialog.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/AlertDialog/AlertDialog.tsx
+const AlertDialog$1 = AlertDialog.Root;
+const createAlertDialogHandle = AlertDialog.createHandle;
+function AlertDialogPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		className,
+		...props
+	});
+}
+function AlertDialogTrigger({ className, render, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		render,
+		className: render ? className : mergeClassName(className, AlertDialog_module_default.trigger),
+		...props
+	});
+}
+function AlertDialogBackdrop({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		"data-slot": "alert-dialog-backdrop",
+		className: mergeClassName(className, AlertDialog_module_default.backdrop),
+		...props
+	});
+}
+function AlertDialogViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
+		"data-slot": "alert-dialog-viewport",
+		className: mergeClassName(className, AlertDialog_module_default.viewport),
+		...props
+	});
+}
+function AlertDialogPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Popup, {
+		"data-slot": "alert-dialog-popup",
+		className: mergeClassName(className, AlertDialog_module_default.popup),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: mergeClassName(className, AlertDialog_module_default.title),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: mergeClassName(className, AlertDialog_module_default.description),
+		...props
+	});
+}
+function AlertDialogClose({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		"data-slot": "alert-dialog-close",
+		className: mergeClassName(className, AlertDialog_module_default.close),
+		...props
+	});
+}
+function AlertDialogContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogBackdrop, {}), /* @__PURE__ */ jsx(AlertDialogViewport, { children: /* @__PURE__ */ jsx(AlertDialogPopup, {
+		className,
+		...props,
+		children
+	}) })] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: clsx(AlertDialog_module_default.header, className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: clsx(AlertDialog_module_default.footer, className),
+		...props
+	});
+}
+function AlertDialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-body",
+		className: clsx(AlertDialog_module_default.body, className),
+		...props
+	});
+}
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogClose, {
+		className: mergeClassName(className, AlertDialog_module_default.action),
+		...props
+	});
+}
+function AlertDialogCancel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogClose, {
+		className: mergeClassName(className, AlertDialog_module_default.cancel),
+		...props
+	});
+}
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, createAlertDialogHandle };

package/dist/components/AlertDialog/AlertDialog.module.js

@@ -0,0 +1,18 @@
+import './AlertDialog.css';
+//#region src/components/AlertDialog/AlertDialog.module.css
+var AlertDialog_module_default = {
+	"action": "ktfPPa_action",
+	"backdrop": "ktfPPa_backdrop",
+	"body": "ktfPPa_body",
+	"cancel": "ktfPPa_cancel",
+	"close": "ktfPPa_close",
+	"description": "ktfPPa_description",
+	"footer": "ktfPPa_footer",
+	"header": "ktfPPa_header",
+	"popup": "ktfPPa_popup",
+	"title": "ktfPPa_title",
+	"trigger": "ktfPPa_trigger",
+	"viewport": "ktfPPa_viewport"
+};
+//#endregion
+export { AlertDialog_module_default as default };

package/dist/components/AlertDialog/index.d.ts

@@ -1 +1 @@
-export { AlertDialog, createAlertDialogHandle, AlertDialogPortal, AlertDialogTrigger, AlertDialogBackdrop, AlertDialogViewport, AlertDialogPopup, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';
+import { AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport, createAlertDialogHandle } from "./AlertDialog.js";

package/dist/components/AspectRatio/AspectRatio.css

@@ -0,0 +1,14 @@
+@layer ui.components {
+  ._700akW_root {
+    border-radius: var(--aspect-ratio-radius, var(--radius-md));
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+
+    & > :where(img, video, iframe, canvas, svg) {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  }
+}

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -1,7 +1,14 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/AspectRatio/AspectRatio.d.ts
 type RatioPreset = 'square' | 'video' | 'portrait' | 'photo';
-declare function AspectRatio({ ratio, className, style, ...props }: ComponentPropsWithoutRef<'div'> & {
-    ratio: number | RatioPreset;
+declare function AspectRatio({
+  ratio,
+  className,
+  style,
+  ...props
+}: ComponentPropsWithoutRef<'div'> & {
+  ratio: number | RatioPreset;
 }): import("react").JSX.Element;
-export { AspectRatio };
-export type { RatioPreset };
+//#endregion
+export { AspectRatio, type RatioPreset };

package/dist/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,24 @@
+import AspectRatio_module_default from "./AspectRatio.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+//#region src/components/AspectRatio/AspectRatio.tsx
+const PRESETS = {
+	square: 1,
+	video: 16 / 9,
+	portrait: 9 / 16,
+	photo: 4 / 3
+};
+function AspectRatio({ ratio, className, style, ...props }) {
+	const resolvedRatio = typeof ratio === "string" ? PRESETS[ratio] : ratio;
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "aspect-ratio-root",
+		className: clsx(AspectRatio_module_default.root, className),
+		style: {
+			aspectRatio: resolvedRatio,
+			...style
+		},
+		...props
+	});
+}
+//#endregion
+export { AspectRatio };

package/dist/components/AspectRatio/AspectRatio.module.js

@@ -0,0 +1,5 @@
+import './AspectRatio.css';
+//#region src/components/AspectRatio/AspectRatio.module.css
+var AspectRatio_module_default = { "root": "_700akW_root" };
+//#endregion
+export { AspectRatio_module_default as default };

package/dist/components/AspectRatio/index.d.ts

@@ -1,2 +1 @@
-export { AspectRatio } from './AspectRatio';
-export type { RatioPreset } from './AspectRatio';
+import { AspectRatio, RatioPreset } from "./AspectRatio.js";