@agg-market/ui 0.0.1

package/dist/chunk-NNSY462N.mjs

@@ -0,0 +1,212 @@
+import {
+  CloseIcon
+} from "./chunk-VYNVBJK6.mjs";
+import {
+  AGG_ROOT_CLASS_NAME,
+  cn,
+  getMotionClassName
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/primitives/modal/index.tsx
+import * as Dialog from "@radix-ui/react-dialog";
+import { useSdkUiConfig, useLabels } from "@agg/hooks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Modal = ({
+  open,
+  onOpenChange,
+  children,
+  "aria-label": _ariaLabel,
+  "aria-labelledby": _ariaLabelledBy
+}) => {
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange, children });
+};
+var ModalContainer = ({
+  children,
+  maxWidth = "600px",
+  classNames,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) => {
+  const { rootClassName, enableAnimations } = useSdkUiConfig();
+  const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
+  const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
+  return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      Dialog.Overlay,
+      {
+        className: cn(
+          "fixed inset-0 z-agg-overlay bg-agg-overlay",
+          overlayAnimationClassName,
+          classNames == null ? void 0 : classNames.overlay
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog.Content,
+      {
+        className: cn(
+          "fixed inset-0 z-agg-modal",
+          "flex items-center justify-center p-4",
+          "sm:p-5",
+          classNames == null ? void 0 : classNames.content
+        ),
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        onCloseAutoFocus: (event) => {
+          event.preventDefault();
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              AGG_ROOT_CLASS_NAME,
+              rootClassName,
+              "flex w-full max-h-[calc(100%-2rem)] flex-col font-agg-sans",
+              "rounded-agg-2xl border border-agg-separator",
+              "bg-agg-secondary text-agg-foreground shadow-agg-modal",
+              "origin-bottom overflow-hidden will-change-transform",
+              panelAnimationClassName,
+              classNames == null ? void 0 : classNames.container
+            ),
+            "data-agg-animations": enableAnimations ? "true" : "false",
+            style: { maxWidth },
+            children
+          }
+        )
+      }
+    )
+  ] });
+};
+Modal.Container = ModalContainer;
+var ModalHeader = ({
+  title,
+  subtitle,
+  leftElement,
+  rightElement,
+  hideClose = false,
+  closeIcon,
+  classNames,
+  children,
+  hideBorder = false
+}) => {
+  const { enableAnimations } = useSdkUiConfig();
+  const labels = useLabels();
+  const defaultCloseIcon = /* @__PURE__ */ jsx(CloseIcon, { className: "h-6 w-6" });
+  const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col",
+        "sticky top-0 z-20",
+        "bg-agg-secondary",
+        hideBorder ? "border-0" : "border-b border-agg-separator",
+        subtitle ? "min-h-20" : "min-h-16",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between",
+              "px-4 py-4",
+              "sm:px-8 sm:py-6",
+              subtitle && "sm:py-4",
+              children ? "pb-3 sm:pb-4" : void 0,
+              classNames == null ? void 0 : classNames.container
+            ),
+            children: [
+              leftElement ? /* @__PURE__ */ jsx(Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ jsxs("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
+                /* @__PURE__ */ jsx(
+                  Dialog.Title,
+                  {
+                    className: cn(
+                      !title && "invisible",
+                      "flex items-center text-agg-lg font-agg-bold leading-agg-6",
+                      "sm:text-agg-2xl sm:leading-agg-8",
+                      "text-ellipsis overflow-hidden whitespace-nowrap",
+                      classNames == null ? void 0 : classNames.title
+                    ),
+                    children: title
+                  }
+                ),
+                subtitle ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "text-agg-sm leading-agg-4 text-agg-muted-foreground sm:leading-agg-5",
+                      classNames == null ? void 0 : classNames.subtitle
+                    ),
+                    children: subtitle
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
+                rightElement ? /* @__PURE__ */ jsx(Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ jsx(
+                  Dialog.Close,
+                  {
+                    className: cn(
+                      "outline-0 flex items-center hover:cursor-pointer justify-center text-agg-foreground hover:text-agg-foreground/80",
+                      getMotionClassName(enableAnimations, "transition-colors"),
+                      classNames == null ? void 0 : classNames.close
+                    ),
+                    "aria-label": labels.common.close,
+                    children: resolvedCloseIcon
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        children ? /* @__PURE__ */ jsx("div", { children }) : null
+      ]
+    }
+  );
+};
+Modal.Header = ModalHeader;
+var ModalBody = ({ children, classNames }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grow overflow-y-auto",
+        "px-4 py-6",
+        "sm:p-8",
+        "bg-agg-secondary text-agg-foreground",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children
+    }
+  );
+};
+Modal.Body = ModalBody;
+var ModalFooter = ({
+  children,
+  classNames,
+  hideBorder = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0",
+        "bg-agg-secondary",
+        "flex h-[73px] w-full flex-row items-center justify-between gap-3",
+        "border-agg-separator p-4",
+        "sm:h-20 sm:justify-end sm:px-8 sm:py-5",
+        hideBorder ? "border-0" : "border-t",
+        classNames == null ? void 0 : classNames.root
+      ),
+      children
+    }
+  );
+};
+Modal.Footer = ModalFooter;
+Modal.displayName = "Modal";
+
+export {
+  Modal
+};

package/dist/chunk-OUOIDPGX.mjs

@@ -0,0 +1,25 @@
+import {
+  Typography
+} from "./chunk-DQ6XFBYJ.mjs";
+
+// src/primitives/hello-world.tsx
+import { useHello } from "@agg-market/hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+function HelloWorld() {
+  const { data, error, isLoading } = useHello();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body", children: "Loading..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(Typography, { variant: "body", children: [
+      "Error: ",
+      error.message
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Typography, { variant: "body", children: data == null ? void 0 : data.message });
+}
+HelloWorld.displayName = "HelloWorld";
+
+export {
+  HelloWorld
+};

package/dist/chunk-P5PFQX75.mjs

@@ -0,0 +1,31 @@
+import {
+  __objRest,
+  __spreadValues,
+  cn,
+  getMotionClassName
+} from "./chunk-GC3QIIH7.mjs";
+
+// src/primitives/card/index.tsx
+import { useSdkUiConfig } from "@agg/hooks";
+import { jsx } from "react/jsx-runtime";
+var Card = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { enableAnimations } = useSdkUiConfig();
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex w-full flex-col font-agg-sans",
+        "rounded-agg-xl border border-agg-separator",
+        "bg-agg-secondary text-agg-foreground shadow-agg-card",
+        getMotionClassName(enableAnimations, "transition-shadow hover:shadow-agg-card-hover"),
+        className
+      )
+    }, props)
+  );
+};
+Card.displayName = "Card";
+
+export {
+  Card
+};