@kopexa/sight 17.12.0 → 17.13.0

package/dist/chunk-SHETEVHO.mjs

@@ -0,0 +1,178 @@
+"use client";
+
+// src/components/dialog/dialog.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { CloseIcon } from "@kopexa/icons";
+import { createContext } from "@kopexa/react-utils";
+import { cn } from "@kopexa/shared-utils";
+import { dialog } from "@kopexa/theme";
+import { useControllableState } from "@kopexa/use-controllable-state";
+import { jsx, jsxs } from "react/jsx-runtime";
+var [DialogProvider, useDialogContext] = createContext();
+var DialogRoot = (props) => {
+  const {
+    open: openProp,
+    onOpenChange,
+    size,
+    radius,
+    placement,
+    scrollBehavior,
+    ...restProps
+  } = props;
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = dialog({ size, radius, placement, scrollBehavior });
+  return /* @__PURE__ */ jsx(DialogProvider, { value: { styles, open, placement, size, radius }, children: /* @__PURE__ */ jsx(
+    DialogPrimitive.Root,
+    {
+      "data-slot": "dialog",
+      open,
+      onOpenChange: (open2) => setOpen(open2),
+      ...restProps
+    }
+  ) });
+};
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(styles.overlay(), className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(styles.content(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ jsx(CloseIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: styles.header({ className }),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: styles.footer({ className }),
+      ...props
+    }
+  );
+}
+function DialogBody({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-body",
+      className: styles.body({ className }),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn(styles.title(), className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(styles.description(), className),
+      ...props
+    }
+  );
+}
+function DialogCloseTrigger({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Close,
+    {
+      "data-slot": "dialog-close-trigger",
+      className: cn(styles.closeTrigger(), className),
+      ...props
+    }
+  );
+}
+
+export {
+  useDialogContext,
+  DialogRoot,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogBody,
+  DialogTitle,
+  DialogDescription,
+  DialogCloseTrigger
+};

package/dist/chunk-UWC3Z7SY.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-UWQG4HGJ.mjs

@@ -0,0 +1,13 @@
+"use client";
+
+// src/components/file-upload/utils/is-image-like.ts
+function isImageLike(file) {
+  var _a, _b;
+  if ((_a = file.type) == null ? void 0 : _a.startsWith("image/")) return true;
+  const name = ((_b = file.name) == null ? void 0 : _b.toLowerCase()) || "";
+  return name.endsWith(".png") || name.endsWith(".jpg") || name.endsWith(".jpeg") || name.endsWith(".webp");
+}
+
+export {
+  isImageLike
+};

package/dist/chunk-XL2RCXMY.mjs

@@ -0,0 +1,26 @@
+"use client";
+
+// src/components/code/code.tsx
+import { mapPropsVariants, objectToDeps } from "@kopexa/shared-utils";
+import { code } from "@kopexa/theme";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Code = (originalProps) => {
+  const [props, variantProps] = mapPropsVariants(
+    originalProps,
+    code.variantKeys
+  );
+  const { children, className, ...otherProps } = props;
+  const styles = useMemo(
+    () => code({
+      ...variantProps,
+      className
+    }),
+    [objectToDeps(variantProps), className]
+  );
+  return /* @__PURE__ */ jsx("code", { className: styles, ...otherProps, children });
+};
+
+export {
+  Code
+};

package/dist/chunk-XPDEN2RV.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/components/blankstate/blankstate.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SlotsToClasses, BlankStateSlots, BlankStateVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type Props = {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    classNames?: SlotsToClasses<BlankStateSlots>;
+};
+type BlankstateProps = ComponentProps<"div"> & Props & BlankStateVariantProps;
+declare const Blankstate: (props: BlankstateProps) => react_jsx_runtime.JSX.Element;
+
+export { Blankstate, type BlankstateProps };

package/dist/components/blankstate/blankstate.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SlotsToClasses, BlankStateSlots, BlankStateVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type Props = {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    classNames?: SlotsToClasses<BlankStateSlots>;
+};
+type BlankstateProps = ComponentProps<"div"> & Props & BlankStateVariantProps;
+declare const Blankstate: (props: BlankstateProps) => react_jsx_runtime.JSX.Element;
+
+export { Blankstate, type BlankstateProps };

package/dist/components/blankstate/blankstate.js

@@ -0,0 +1,69 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/blankstate/blankstate.tsx
+var blankstate_exports = {};
+__export(blankstate_exports, {
+  Blankstate: () => Blankstate
+});
+module.exports = __toCommonJS(blankstate_exports);
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Blankstate = (props) => {
+  const {
+    className,
+    children,
+    classNames,
+    icon,
+    title,
+    description,
+    size,
+    bordered,
+    narrow,
+    ...rest
+  } = props;
+  const styles = (0, import_theme.blankstate)({ size, bordered, narrow });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: styles.root({ className: (0, import_shared_utils.cn)(classNames == null ? void 0 : classNames.root, className) }),
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.container({ className: classNames == null ? void 0 : classNames.container }), children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.icon({ className: classNames == null ? void 0 : classNames.icon }), children: icon }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: styles.description({
+              className: classNames == null ? void 0 : classNames.description
+            }),
+            children: description
+          }
+        ),
+        children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.actions({ className: classNames == null ? void 0 : classNames.actions }), children })
+      ] })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Blankstate
+});

package/dist/components/blankstate/blankstate.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Blankstate
+} from "../../chunk-G57FFIKP.mjs";
+export {
+  Blankstate
+};

package/dist/components/blankstate/index.d.mts

@@ -0,0 +1,4 @@
+export { Blankstate, BlankstateProps } from './blankstate.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

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

@@ -0,0 +1,4 @@
+export { Blankstate, BlankstateProps } from './blankstate.js';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

package/dist/components/blankstate/index.js

@@ -0,0 +1,71 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/blankstate/index.ts
+var blankstate_exports = {};
+__export(blankstate_exports, {
+  Blankstate: () => Blankstate
+});
+module.exports = __toCommonJS(blankstate_exports);
+
+// src/components/blankstate/blankstate.tsx
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Blankstate = (props) => {
+  const {
+    className,
+    children,
+    classNames,
+    icon,
+    title,
+    description,
+    size,
+    bordered,
+    narrow,
+    ...rest
+  } = props;
+  const styles = (0, import_theme.blankstate)({ size, bordered, narrow });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: styles.root({ className: (0, import_shared_utils.cn)(classNames == null ? void 0 : classNames.root, className) }),
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.container({ className: classNames == null ? void 0 : classNames.container }), children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.icon({ className: classNames == null ? void 0 : classNames.icon }), children: icon }),
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: styles.title({ className: classNames == null ? void 0 : classNames.title }), children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: styles.description({
+              className: classNames == null ? void 0 : classNames.description
+            }),
+            children: description
+          }
+        ),
+        children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.actions({ className: classNames == null ? void 0 : classNames.actions }), children })
+      ] })
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Blankstate
+});

package/dist/components/blankstate/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-HISY6ZIK.mjs";
+import {
+  Blankstate
+} from "../../chunk-G57FFIKP.mjs";
+export {
+  Blankstate
+};

package/dist/components/code/code.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CodeVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+interface CodeProps extends Omit<ComponentProps<"code">, "color" | "size" | "radius">, CodeVariantProps {
+}
+declare const Code: (originalProps: CodeProps) => react_jsx_runtime.JSX.Element;
+
+export { Code, type CodeProps };

package/dist/components/code/code.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CodeVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+interface CodeProps extends Omit<ComponentProps<"code">, "color" | "size" | "radius">, CodeVariantProps {
+}
+declare const Code: (originalProps: CodeProps) => react_jsx_runtime.JSX.Element;
+
+export { Code, type CodeProps };

package/dist/components/code/code.js

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code/code.tsx
+var code_exports = {};
+__export(code_exports, {
+  Code: () => Code
+});
+module.exports = __toCommonJS(code_exports);
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Code = (originalProps) => {
+  const [props, variantProps] = (0, import_shared_utils.mapPropsVariants)(
+    originalProps,
+    import_theme.code.variantKeys
+  );
+  const { children, className, ...otherProps } = props;
+  const styles = (0, import_react.useMemo)(
+    () => (0, import_theme.code)({
+      ...variantProps,
+      className
+    }),
+    [(0, import_shared_utils.objectToDeps)(variantProps), className]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: styles, ...otherProps, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Code
+});

package/dist/components/code/code.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Code
+} from "../../chunk-XL2RCXMY.mjs";
+export {
+  Code
+};

package/dist/components/code/index.d.mts

@@ -0,0 +1,4 @@
+export { Code, CodeProps } from './code.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

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

@@ -0,0 +1,4 @@
+export { Code, CodeProps } from './code.js';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

package/dist/components/code/index.js

@@ -0,0 +1,51 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code/index.ts
+var code_exports = {};
+__export(code_exports, {
+  Code: () => Code
+});
+module.exports = __toCommonJS(code_exports);
+
+// src/components/code/code.tsx
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Code = (originalProps) => {
+  const [props, variantProps] = (0, import_shared_utils.mapPropsVariants)(
+    originalProps,
+    import_theme.code.variantKeys
+  );
+  const { children, className, ...otherProps } = props;
+  const styles = (0, import_react.useMemo)(
+    () => (0, import_theme.code)({
+      ...variantProps,
+      className
+    }),
+    [(0, import_shared_utils.objectToDeps)(variantProps), className]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: styles, ...otherProps, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Code
+});

package/dist/components/code/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-PKG2E3MX.mjs";
+import {
+  Code
+} from "../../chunk-XL2RCXMY.mjs";
+export {
+  Code
+};

package/dist/components/dialog/dialog.d.mts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@base-ui/react/dialog';
+import { DialogVariantProps, dialog } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type DialogContextValue = {
+    styles: ReturnType<typeof dialog>;
+    open: boolean;
+    placement?: "top" | "bottom" | "left" | "right";
+    size?: DialogVariantProps["size"];
+    radius?: DialogVariantProps["radius"];
+};
+declare const useDialogContext: () => DialogContextValue;
+
+type DialogRootProps = Omit<ComponentProps<typeof Dialog.Root>, "onOpenChange"> & DialogVariantProps & {
+    onOpenChange?: (open: boolean) => void;
+};
+declare const DialogRoot: (props: DialogRootProps) => react_jsx_runtime.JSX.Element;
+type DialogTriggerProps = ComponentProps<typeof Dialog.Trigger>;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
+type DialogPortalProps = ComponentProps<typeof Dialog.Portal>;
+declare function DialogPortal({ ...props }: DialogPortalProps): react_jsx_runtime.JSX.Element;
+type DialogCloseProps = ComponentProps<typeof Dialog.Close>;
+declare function DialogClose({ ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
+type DialogOverlayProps = ComponentProps<typeof Dialog.Backdrop>;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): react_jsx_runtime.JSX.Element;
+type DialogContentProps = ComponentProps<typeof Dialog.Popup> & {
+    showCloseButton?: boolean;
+};
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+type DialogHeaderProps = ComponentProps<"div">;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+type DialogFooterProps = ComponentProps<"div">;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
+type DialogBodyProps = ComponentProps<"div">;
+declare function DialogBody({ className, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
+type DialogTitleProps = ComponentProps<typeof Dialog.Title>;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
+type DialogDescriptionProps = ComponentProps<typeof Dialog.Description>;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
+type DialogCloseTriggerProps = ComponentProps<typeof Dialog.Close>;
+declare function DialogCloseTrigger({ className, ...props }: DialogCloseTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, useDialogContext };

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog } from '@base-ui/react/dialog';
+import { DialogVariantProps, dialog } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type DialogContextValue = {
+    styles: ReturnType<typeof dialog>;
+    open: boolean;
+    placement?: "top" | "bottom" | "left" | "right";
+    size?: DialogVariantProps["size"];
+    radius?: DialogVariantProps["radius"];
+};
+declare const useDialogContext: () => DialogContextValue;
+
+type DialogRootProps = Omit<ComponentProps<typeof Dialog.Root>, "onOpenChange"> & DialogVariantProps & {
+    onOpenChange?: (open: boolean) => void;
+};
+declare const DialogRoot: (props: DialogRootProps) => react_jsx_runtime.JSX.Element;
+type DialogTriggerProps = ComponentProps<typeof Dialog.Trigger>;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
+type DialogPortalProps = ComponentProps<typeof Dialog.Portal>;
+declare function DialogPortal({ ...props }: DialogPortalProps): react_jsx_runtime.JSX.Element;
+type DialogCloseProps = ComponentProps<typeof Dialog.Close>;
+declare function DialogClose({ ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
+type DialogOverlayProps = ComponentProps<typeof Dialog.Backdrop>;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): react_jsx_runtime.JSX.Element;
+type DialogContentProps = ComponentProps<typeof Dialog.Popup> & {
+    showCloseButton?: boolean;
+};
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+type DialogHeaderProps = ComponentProps<"div">;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+type DialogFooterProps = ComponentProps<"div">;
+declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
+type DialogBodyProps = ComponentProps<"div">;
+declare function DialogBody({ className, ...props }: DialogBodyProps): react_jsx_runtime.JSX.Element;
+type DialogTitleProps = ComponentProps<typeof Dialog.Title>;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
+type DialogDescriptionProps = ComponentProps<typeof Dialog.Description>;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
+type DialogCloseTriggerProps = ComponentProps<typeof Dialog.Close>;
+declare function DialogCloseTrigger({ className, ...props }: DialogCloseTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogCloseTrigger, type DialogCloseTriggerProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, useDialogContext };