@agg-market/ui 0.0.1

package/dist/badge.d.mts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { A as AvailableSizes } from './types-CayJ8tWA.mjs';
+
+type BadgeSize = AvailableSizes;
+type BadgeClassNames = {
+    root?: string;
+    prefix?: string;
+    text?: string;
+    suffix?: string;
+};
+interface BadgeProps {
+    text: string | number;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    size?: BadgeSize;
+    classNames?: BadgeClassNames;
+}
+
+declare const badgeSizes: BadgeSize[];
+
+declare function Badge({ text, prefix, suffix, size, classNames }: BadgeProps): JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
+
+export { Badge, type BadgeClassNames, type BadgeProps, type BadgeSize, badgeSizes };

package/dist/badge.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { A as AvailableSizes } from './types-CayJ8tWA.js';
+
+type BadgeSize = AvailableSizes;
+type BadgeClassNames = {
+    root?: string;
+    prefix?: string;
+    text?: string;
+    suffix?: string;
+};
+interface BadgeProps {
+    text: string | number;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    size?: BadgeSize;
+    classNames?: BadgeClassNames;
+}
+
+declare const badgeSizes: BadgeSize[];
+
+declare function Badge({ text, prefix, suffix, size, classNames }: BadgeProps): JSX.Element;
+declare namespace Badge {
+    var displayName: string;
+}
+
+export { Badge, type BadgeClassNames, type BadgeProps, type BadgeSize, badgeSizes };

package/dist/badge.js

@@ -0,0 +1,70 @@
+"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/primitives/badge/index.tsx
+var badge_exports = {};
+__export(badge_exports, {
+  Badge: () => Badge,
+  badgeSizes: () => badgeSizes
+});
+module.exports = __toCommonJS(badge_exports);
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+
+// src/primitives/badge/badge.constants.ts
+var badgeSizes = ["xxs", "xs", "s", "m", "l", "xl", "xxl"];
+var badgeSizeClasses = {
+  xxs: cn("h-4 px-1.5 gap-0.5", "text-agg-xs leading-agg-3"),
+  xs: cn("h-5 px-2 gap-1", "text-agg-xs leading-agg-4"),
+  s: cn("h-6 px-2.5 gap-1", "text-agg-sm leading-agg-5"),
+  m: cn("h-7 px-3 gap-1.5", "text-agg-sm leading-agg-5"),
+  l: cn("h-8 px-3.5 gap-1.5", "text-agg-base leading-agg-6"),
+  xl: cn("h-9 px-4 gap-2", "text-agg-lg leading-agg-7"),
+  xxl: cn("h-10 px-5 gap-2", "text-agg-xl leading-agg-7")
+};
+var baseBadgeClasses = cn(
+  "inline-flex items-center justify-center rounded-agg-full font-agg-sans",
+  "bg-agg-secondary-hover text-agg-foreground whitespace-nowrap font-agg-normal"
+);
+
+// src/primitives/badge/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Badge({ text, prefix, suffix, size = "m", classNames }) {
+  const resolvedText = `${text}`;
+  const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      "aria-label": resolvedAriaLabel,
+      className: cn(baseBadgeClasses, badgeSizeClasses[size], classNames == null ? void 0 : classNames.root),
+      children: [
+        prefix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: classNames == null ? void 0 : classNames.prefix, children: prefix }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
+        suffix ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: classNames == null ? void 0 : classNames.suffix, children: suffix }) : null
+      ]
+    }
+  );
+}
+Badge.displayName = "Badge";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge,
+  badgeSizes
+});

package/dist/badge.mjs

@@ -0,0 +1,9 @@
+import {
+  Badge,
+  badgeSizes
+} from "./chunk-MG243DSX.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  Badge,
+  badgeSizes
+};

package/dist/button.d.mts

@@ -0,0 +1,20 @@
+import { ButtonHTMLAttributes, ReactNode, FC } from 'react';
+import { A as AvailableSizes } from './types-CayJ8tWA.mjs';
+
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+type ButtonSize = AvailableSizes;
+type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    prefix?: JSX.Element | FC | ReactNode;
+    suffix?: JSX.Element | FC | ReactNode;
+};
+
+declare const Button: {
+    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/button.d.ts

@@ -0,0 +1,20 @@
+import { ButtonHTMLAttributes, ReactNode, FC } from 'react';
+import { A as AvailableSizes } from './types-CayJ8tWA.js';
+
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+type ButtonSize = AvailableSizes;
+type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    prefix?: JSX.Element | FC | ReactNode;
+    suffix?: JSX.Element | FC | ReactNode;
+};
+
+declare const Button: {
+    ({ children, variant, size, isLoading, disabled, prefix, suffix, type, className, "aria-label": ariaLabel, ...other }: ButtonProps): JSX.Element;
+    displayName: string;
+};
+
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/button.js

@@ -0,0 +1,197 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/primitives/button/index.tsx
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+var getMotionClassName = (enabled, ...values) => {
+  if (!enabled)
+    return void 0;
+  return cn(...values);
+};
+
+// src/primitives/icon/icon.constants.ts
+var iconSizeClasses = {
+  xxs: "h-2 w-2",
+  xs: "h-3 w-3",
+  s: "h-4 w-4",
+  m: "h-6 w-6",
+  l: "h-8 w-8",
+  xl: "h-10 w-10",
+  xxl: "h-12 w-12"
+};
+
+// src/primitives/button/button.constants.ts
+var sizeClasses = {
+  xxs: cn("h-6 px-2.5 gap-1", "text-agg-xs leading-agg-4"),
+  xs: cn("h-7 px-3 gap-1", "text-agg-xs leading-agg-4"),
+  s: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
+  m: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
+  l: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6"),
+  xl: cn("h-11 px-7 gap-2", "text-agg-base leading-agg-6"),
+  xxl: cn("h-12 px-8 gap-2", "text-agg-base leading-agg-6")
+};
+var iconSizeClasses2 = {
+  xxs: iconSizeClasses.xs,
+  xs: iconSizeClasses.xs,
+  s: iconSizeClasses.s,
+  m: iconSizeClasses.s,
+  l: iconSizeClasses.s,
+  xl: iconSizeClasses.s,
+  xxl: iconSizeClasses.s
+};
+var iconSlotClasses = {
+  xxs: "[&_svg]:h-3 [&_svg]:w-3",
+  xs: "[&_svg]:h-3 [&_svg]:w-3",
+  s: "[&_svg]:h-4 [&_svg]:w-4",
+  m: "[&_svg]:h-4 [&_svg]:w-4",
+  l: "[&_svg]:h-4 [&_svg]:w-4",
+  xl: "[&_svg]:h-4 [&_svg]:w-4",
+  xxl: "[&_svg]:h-4 [&_svg]:w-4"
+};
+var variantClasses = {
+  primary: cn(
+    "bg-agg-primary text-agg-on-primary",
+    "hover:bg-agg-primary-hover",
+    "disabled:bg-agg-separator disabled:text-agg-on-primary",
+    "focus-visible:ring-agg-primary-hover"
+  ),
+  secondary: cn(
+    "border border-agg-separator bg-agg-secondary text-agg-foreground",
+    "hover:bg-agg-secondary-hover",
+    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
+    "focus-visible:ring-agg-separator"
+  ),
+  tertiary: cn(
+    "bg-transparent text-agg-foreground",
+    "hover:bg-agg-secondary-hover",
+    "disabled:bg-transparent disabled:text-agg-muted-foreground",
+    "focus-visible:ring-agg-separator"
+  )
+};
+var baseButtonClasses = cn(
+  "cursor-pointer disabled:cursor-not-allowed",
+  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
+  "whitespace-nowrap",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
+);
+
+// src/primitives/button/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    variant = "primary",
+    size = "m",
+    isLoading = false,
+    disabled,
+    prefix,
+    suffix,
+    type = "button",
+    className,
+    "aria-label": ariaLabel
+  } = _b, other = __objRest(_b, [
+    "children",
+    "variant",
+    "size",
+    "isLoading",
+    "disabled",
+    "prefix",
+    "suffix",
+    "type",
+    "className",
+    "aria-label"
+  ]);
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const isDisabled = disabled || isLoading;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      type,
+      className: cn(
+        baseButtonClasses,
+        getMotionClassName(enableAnimations, "transition-colors"),
+        sizeClasses[size],
+        iconSlotClasses[size],
+        variantClasses[variant],
+        className
+      ),
+      disabled: isDisabled,
+      "aria-busy": isLoading,
+      "aria-label": ariaLabel
+    }, other), {
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: cn(
+            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
+            getMotionClassName(enableAnimations, "animate-spin"),
+            iconSizeClasses2[size]
+          ),
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        prefix != null ? prefix : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
+        suffix != null ? suffix : null
+      ] })
+    })
+  );
+};
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

package/dist/button.mjs

@@ -0,0 +1,8 @@
+import {
+  Button
+} from "./chunk-J6L5BLKX.mjs";
+import "./chunk-C4OI72SM.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  Button
+};

package/dist/card.d.mts

@@ -0,0 +1,8 @@
+type CardProps = React.HTMLAttributes<HTMLDivElement>;
+
+declare const Card: {
+    ({ className, ...props }: CardProps): JSX.Element;
+    displayName: string;
+};
+
+export { Card, type CardProps };

package/dist/card.d.ts

@@ -0,0 +1,8 @@
+type CardProps = React.HTMLAttributes<HTMLDivElement>;
+
+declare const Card: {
+    ({ className, ...props }: CardProps): JSX.Element;
+    displayName: string;
+};
+
+export { Card, type CardProps };

package/dist/card.js

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/primitives/card/index.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card
+});
+module.exports = __toCommonJS(card_exports);
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+var getMotionClassName = (enabled, ...values) => {
+  if (!enabled)
+    return void 0;
+  return cn(...values);
+};
+
+// src/primitives/card/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Card = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.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";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card
+});

package/dist/card.mjs

@@ -0,0 +1,7 @@
+import {
+  Card
+} from "./chunk-YUIZZ6XE.mjs";
+import "./chunk-GC3QIIH7.mjs";
+export {
+  Card
+};

package/dist/chart.d.mts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+
+type LineChartPoint = {
+    time: number;
+    value: number;
+};
+type LineChartSeries = {
+    id: string;
+    color: string;
+    points: LineChartPoint[];
+    lineWidth?: number;
+    lineStyle?: "solid" | "dotted" | "dashed";
+};
+type LineChartSeriesControlsRenderProps = {
+    series: LineChartSeries[];
+    activeSeriesId: string;
+    handleSeriesChange: (seriesId: string) => void;
+};
+type LineChartProps = {
+    series: LineChartSeries[];
+    height?: number;
+    width?: number | string;
+    classNames?: LineChartClassNames;
+    isLoading?: boolean;
+    showSeriesControls?: boolean;
+    renderSeriesControls?: (props: LineChartSeriesControlsRenderProps) => ReactNode;
+};
+type LineChartClassNames = {
+    root?: string;
+    controls?: string;
+    defaultSeriesSwitch?: string;
+    chartViewport?: string;
+    liveline?: string;
+};
+declare const LineChart: {
+    ({ series, height, width, classNames, isLoading, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
+    displayName: string;
+};
+
+export { LineChart, type LineChartClassNames, type LineChartPoint, type LineChartProps, type LineChartSeries, type LineChartSeriesControlsRenderProps };

package/dist/chart.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+
+type LineChartPoint = {
+    time: number;
+    value: number;
+};
+type LineChartSeries = {
+    id: string;
+    color: string;
+    points: LineChartPoint[];
+    lineWidth?: number;
+    lineStyle?: "solid" | "dotted" | "dashed";
+};
+type LineChartSeriesControlsRenderProps = {
+    series: LineChartSeries[];
+    activeSeriesId: string;
+    handleSeriesChange: (seriesId: string) => void;
+};
+type LineChartProps = {
+    series: LineChartSeries[];
+    height?: number;
+    width?: number | string;
+    classNames?: LineChartClassNames;
+    isLoading?: boolean;
+    showSeriesControls?: boolean;
+    renderSeriesControls?: (props: LineChartSeriesControlsRenderProps) => ReactNode;
+};
+type LineChartClassNames = {
+    root?: string;
+    controls?: string;
+    defaultSeriesSwitch?: string;
+    chartViewport?: string;
+    liveline?: string;
+};
+declare const LineChart: {
+    ({ series, height, width, classNames, isLoading, showSeriesControls, renderSeriesControls, }: LineChartProps): JSX.Element;
+    displayName: string;
+};
+
+export { LineChart, type LineChartClassNames, type LineChartPoint, type LineChartProps, type LineChartSeries, type LineChartSeriesControlsRenderProps };