@kopexa/sight 17.12.1 → 17.13.0

package/dist/components/dialog/dialog.js

@@ -0,0 +1,213 @@
+"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/dialog/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  DialogBody: () => DialogBody,
+  DialogClose: () => DialogClose,
+  DialogCloseTrigger: () => DialogCloseTrigger,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogRoot: () => DialogRoot,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  useDialogContext: () => useDialogContext
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_dialog = require("@base-ui/react/dialog");
+var import_icons = require("@kopexa/icons");
+var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_use_controllable_state = require("@kopexa/use-controllable-state");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [DialogProvider, useDialogContext] = (0, import_react_utils.createContext)();
+var DialogRoot = (props) => {
+  const {
+    open: openProp,
+    onOpenChange,
+    size,
+    radius,
+    placement,
+    scrollBehavior,
+    ...restProps
+  } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = (0, import_theme.dialog)({ size, radius, placement, scrollBehavior });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, { value: { styles, open, placement, size, radius }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Root,
+    {
+      "data-slot": "dialog",
+      open,
+      onOpenChange: (open2) => setOpen(open2),
+      ...restProps
+    }
+  ) });
+};
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: (0, import_shared_utils.cn)(styles.content(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_dialog.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: styles.header({ className }),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: styles.footer({ className }),
+      ...props
+    }
+  );
+}
+function DialogBody({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-body",
+      className: styles.body({ className }),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: (0, import_shared_utils.cn)(styles.title(), className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: (0, import_shared_utils.cn)(styles.description(), className),
+      ...props
+    }
+  );
+}
+function DialogCloseTrigger({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Close,
+    {
+      "data-slot": "dialog-close-trigger",
+      className: (0, import_shared_utils.cn)(styles.closeTrigger(), className),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+});

package/dist/components/dialog/dialog.mjs

@@ -0,0 +1,31 @@
+"use client";
+import {
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+} from "../../chunk-SHETEVHO.mjs";
+export {
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+};

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DialogRootProps, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './dialog.mjs';
+export { DialogBodyProps, DialogClose, DialogCloseProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRoot, DialogTitleProps, DialogTriggerProps, useDialogContext } from './dialog.mjs';
+import '@base-ui/react/dialog';
+import '@kopexa/theme';
+import 'react';
+
+declare const Dialog: ((props: DialogRootProps) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: DialogRootProps) => react_jsx_runtime.JSX.Element;
+    Body: typeof DialogBody;
+    CloseTrigger: typeof DialogCloseTrigger;
+    Content: typeof DialogContent;
+    Description: typeof DialogDescription;
+    Footer: typeof DialogFooter;
+    Header: typeof DialogHeader;
+    Overlay: typeof DialogOverlay;
+    Portal: typeof DialogPortal;
+    Title: typeof DialogTitle;
+    Trigger: typeof DialogTrigger;
+};
+
+export { Dialog, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRootProps, DialogTitle, DialogTrigger };

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DialogRootProps, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './dialog.js';
+export { DialogBodyProps, DialogClose, DialogCloseProps, DialogCloseTriggerProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPortalProps, DialogRoot, DialogTitleProps, DialogTriggerProps, useDialogContext } from './dialog.js';
+import '@base-ui/react/dialog';
+import '@kopexa/theme';
+import 'react';
+
+declare const Dialog: ((props: DialogRootProps) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: DialogRootProps) => react_jsx_runtime.JSX.Element;
+    Body: typeof DialogBody;
+    CloseTrigger: typeof DialogCloseTrigger;
+    Content: typeof DialogContent;
+    Description: typeof DialogDescription;
+    Footer: typeof DialogFooter;
+    Header: typeof DialogHeader;
+    Overlay: typeof DialogOverlay;
+    Portal: typeof DialogPortal;
+    Title: typeof DialogTitle;
+    Trigger: typeof DialogTrigger;
+};
+
+export { Dialog, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRootProps, DialogTitle, DialogTrigger };

package/dist/components/dialog/index.js

@@ -0,0 +1,232 @@
+"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/dialog/index.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog,
+  DialogBody: () => DialogBody,
+  DialogClose: () => DialogClose,
+  DialogCloseTrigger: () => DialogCloseTrigger,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogRoot: () => DialogRoot,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  useDialogContext: () => useDialogContext
+});
+module.exports = __toCommonJS(dialog_exports);
+
+// src/components/dialog/dialog.tsx
+var import_dialog = require("@base-ui/react/dialog");
+var import_icons = require("@kopexa/icons");
+var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_use_controllable_state = require("@kopexa/use-controllable-state");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [DialogProvider, useDialogContext] = (0, import_react_utils.createContext)();
+var DialogRoot = (props) => {
+  const {
+    open: openProp,
+    onOpenChange,
+    size,
+    radius,
+    placement,
+    scrollBehavior,
+    ...restProps
+  } = props;
+  const [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+    value: openProp,
+    onChange: onOpenChange,
+    defaultValue: false
+  });
+  const styles = (0, import_theme.dialog)({ size, radius, placement, scrollBehavior });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, { value: { styles, open, placement, size, radius }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Root,
+    {
+      "data-slot": "dialog",
+      open,
+      onOpenChange: (open2) => setOpen(open2),
+      ...restProps
+    }
+  ) });
+};
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: (0, import_shared_utils.cn)(styles.content(), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_dialog.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              className: styles.close(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: styles.header({ className }),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: styles.footer({ className }),
+      ...props
+    }
+  );
+}
+function DialogBody({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-body",
+      className: styles.body({ className }),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: (0, import_shared_utils.cn)(styles.title(), className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: (0, import_shared_utils.cn)(styles.description(), className),
+      ...props
+    }
+  );
+}
+function DialogCloseTrigger({
+  className,
+  ...props
+}) {
+  const { styles } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.Dialog.Close,
+    {
+      "data-slot": "dialog-close-trigger",
+      className: (0, import_shared_utils.cn)(styles.closeTrigger(), className),
+      ...props
+    }
+  );
+}
+
+// src/components/dialog/index.ts
+var Dialog = Object.assign(DialogRoot, {
+  Root: DialogRoot,
+  Body: DialogBody,
+  CloseTrigger: DialogCloseTrigger,
+  Content: DialogContent,
+  Description: DialogDescription,
+  Footer: DialogFooter,
+  Header: DialogHeader,
+  Overlay: DialogOverlay,
+  Portal: DialogPortal,
+  Title: DialogTitle,
+  Trigger: DialogTrigger
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+});

package/dist/components/dialog/index.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  Dialog
+} from "../../chunk-CZNF6WPR.mjs";
+import {
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+} from "../../chunk-SHETEVHO.mjs";
+export {
+  Dialog,
+  DialogBody,
+  DialogClose,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger,
+  useDialogContext
+};

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

@@ -0,0 +1,5 @@
+export { DialogBody as Body, DialogBodyProps as BodyProps, DialogClose as Close, DialogCloseProps as CloseProps, DialogCloseTrigger as CloseTrigger, DialogCloseTriggerProps as CloseTriggerProps, DialogContent as Content, DialogContentProps as ContentProps, DialogDescription as Description, DialogDescriptionProps as DescriptionProps, DialogFooter as Footer, DialogFooterProps as FooterProps, DialogHeader as Header, DialogHeaderProps as HeaderProps, DialogOverlay as Overlay, DialogOverlayProps as OverlayProps, DialogPortal as Portal, DialogPortalProps as PortalProps, DialogRoot as Root, DialogRootProps as RootProps, DialogTitle as Title, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerProps as TriggerProps } from './dialog.mjs';
+import 'react/jsx-runtime';
+import '@base-ui/react/dialog';
+import '@kopexa/theme';
+import 'react';

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

@@ -0,0 +1,5 @@
+export { DialogBody as Body, DialogBodyProps as BodyProps, DialogClose as Close, DialogCloseProps as CloseProps, DialogCloseTrigger as CloseTrigger, DialogCloseTriggerProps as CloseTriggerProps, DialogContent as Content, DialogContentProps as ContentProps, DialogDescription as Description, DialogDescriptionProps as DescriptionProps, DialogFooter as Footer, DialogFooterProps as FooterProps, DialogHeader as Header, DialogHeaderProps as HeaderProps, DialogOverlay as Overlay, DialogOverlayProps as OverlayProps, DialogPortal as Portal, DialogPortalProps as PortalProps, DialogRoot as Root, DialogRootProps as RootProps, DialogTitle as Title, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerProps as TriggerProps } from './dialog.js';
+import 'react/jsx-runtime';
+import '@base-ui/react/dialog';
+import '@kopexa/theme';
+import 'react';