@agg-market/ui 5.0.0 → 7.0.0

package/dist/state-message.mjs

@@ -1,14 +0,0 @@
-import {
-  StateMessage
-} from "./chunk-XUCS575S.mjs";
-import "./chunk-4343LYSH.mjs";
-import "./chunk-PZTHM6WG.mjs";
-import "./chunk-NDG43KGL.mjs";
-import "./chunk-BNDFQPHF.mjs";
-import "./chunk-KAGYJ4XT.mjs";
-import "./chunk-FO263M3V.mjs";
-import "./chunk-ERGNR6UQ.mjs";
-import "./chunk-GJ4U5NCE.mjs";
-export {
-  StateMessage
-};

package/dist/switch-button.js

@@ -1,191 +0,0 @@
-"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/switch-button/index.tsx
-var switch_button_exports = {};
-__export(switch_button_exports, {
-  SwitchButton: () => SwitchButton
-});
-module.exports = __toCommonJS(switch_button_exports);
-var import_react = require("react");
-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/switch-button/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var resolveActiveIndex = (options, value) => {
-  const activeIndex = options.findIndex((option) => option.value === value);
-  if (activeIndex >= 0)
-    return activeIndex;
-  return 0;
-};
-var resolveNextEnabledIndex = (options, currentIndex, direction) => {
-  if (options.length <= 1)
-    return currentIndex;
-  const step = direction === "next" ? 1 : -1;
-  for (let offset = 1; offset <= options.length; offset += 1) {
-    const candidateIndex = (currentIndex + step * offset + options.length) % options.length;
-    const candidate = options[candidateIndex];
-    if (candidate && !candidate.disabled) {
-      return candidateIndex;
-    }
-  }
-  return currentIndex;
-};
-var SwitchButton = ({
-  options,
-  value,
-  onValueChange,
-  ariaLabel,
-  className
-}) => {
-  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
-  const activeIndex = (0, import_react.useMemo)(() => {
-    return resolveActiveIndex(options, value);
-  }, [options, value]);
-  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
-  const [lastAnimatedIndex, setLastAnimatedIndex] = (0, import_react.useState)(activeIndex);
-  (0, import_react.useEffect)(() => {
-    if (lastAnimatedIndex === activeIndex) {
-      return;
-    }
-    setLastAnimatedIndex(activeIndex);
-    if (!enableAnimations) {
-      setIsAnimating(false);
-      return;
-    }
-    setIsAnimating(true);
-    const timeoutId = window.setTimeout(() => {
-      setIsAnimating(false);
-    }, 350);
-    return () => {
-      window.clearTimeout(timeoutId);
-    };
-  }, [activeIndex, enableAnimations, lastAnimatedIndex]);
-  if (options.length === 0) {
-    return null;
-  }
-  const handleKeyDown = (event, optionIndex) => {
-    if ((event == null ? void 0 : event.key) !== "ArrowLeft" && (event == null ? void 0 : event.key) !== "ArrowRight") {
-      return;
-    }
-    event == null ? void 0 : event.preventDefault();
-    const nextOptionIndex = resolveNextEnabledIndex(
-      options,
-      optionIndex,
-      event.key === "ArrowRight" ? "next" : "previous"
-    );
-    const nextOption = options[nextOptionIndex];
-    if (!nextOption || nextOption.disabled) {
-      return;
-    }
-    onValueChange(nextOption.value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      className: cn(
-        "group/agg-switch",
-        "inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans",
-        getMotionClassName(enableAnimations, "transition-background duration-200 ease-in-out"),
-        "cursor-pointer hover:bg-agg-tertiary",
-        className
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "div",
-        {
-          className: "relative grid min-w-0 flex-1 items-center",
-          style: {
-            gridTemplateColumns: `repeat(${options.length}, minmax(0, 1fr))`
-          },
-          role: "tablist",
-          "aria-label": ariaLabel,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "span",
-              {
-                className: cn(
-                  "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border-2 border-agg-primary bg-agg-secondary",
-                  getMotionClassName(
-                    enableAnimations,
-                    "transition-transform duration-500 ease-[cubic-bezier(0.77,0,0.175,1)]"
-                  )
-                ),
-                style: {
-                  width: `${100 / options.length}%`,
-                  transform: `translateX(${activeIndex * 100}%) scaleX(${isAnimating ? 1.08 : 1})`
-                },
-                "aria-hidden": "true"
-              }
-            ),
-            options.map((option, optionIndex) => {
-              var _a;
-              const isActive = optionIndex === activeIndex;
-              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "button",
-                {
-                  type: "button",
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-label": (_a = option.ariaLabel) != null ? _a : void 0,
-                  tabIndex: isActive ? 0 : -1,
-                  disabled: option.disabled,
-                  className: cn(
-                    "relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground",
-                    getMotionClassName(
-                      enableAnimations,
-                      "transition-[colors] duration-200 ease-in-out"
-                    ),
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary-hover",
-                    "cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
-                    isActive ? "font-agg-bold" : "font-agg-normal"
-                  ),
-                  onClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    if (option.disabled || isActive)
-                      return;
-                    onValueChange(option.value);
-                  },
-                  onKeyDown: (event) => {
-                    handleKeyDown(event, optionIndex);
-                  },
-                  children: option.label
-                },
-                option.value
-              );
-            })
-          ]
-        }
-      )
-    }
-  );
-};
-SwitchButton.displayName = "SwitchButton";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SwitchButton
-});

package/dist/switch-button.mjs

@@ -1,7 +0,0 @@
-import {
-  SwitchButton
-} from "./chunk-LCZKSITC.mjs";
-import "./chunk-GJ4U5NCE.mjs";
-export {
-  SwitchButton
-};

package/dist/tabs.d.mts

@@ -1,31 +0,0 @@
-type TabsItem<TValue extends string = string> = {
-    value: TValue;
-    label: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-};
-type TabsVariant = "bar" | "underline";
-type TabsOverflowBehavior = "scroll" | "select";
-type TabsSize = "s" | "m";
-type TabsClassNames = {
-    root?: string;
-    tabList?: string;
-};
-type TabsProps<TValue extends string = string> = {
-    items: TabsItem<TValue>[];
-    value: TValue;
-    onChange: (value: TValue) => void;
-    variant?: TabsVariant;
-    size?: TabsSize;
-    overflowBehavior?: TabsOverflowBehavior;
-    ariaLabel?: string;
-    className?: string;
-    classNames?: TabsClassNames;
-};
-
-declare const Tabs: {
-    <TValue extends string = string>({ items, value, onChange, variant, size, overflowBehavior, ariaLabel, className, classNames, }: TabsProps<TValue>): JSX.Element;
-    displayName: string;
-};
-
-export { Tabs, type TabsClassNames, type TabsItem, type TabsOverflowBehavior, type TabsProps, type TabsSize, type TabsVariant };

package/dist/tabs.d.ts

@@ -1,31 +0,0 @@
-type TabsItem<TValue extends string = string> = {
-    value: TValue;
-    label: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-};
-type TabsVariant = "bar" | "underline";
-type TabsOverflowBehavior = "scroll" | "select";
-type TabsSize = "s" | "m";
-type TabsClassNames = {
-    root?: string;
-    tabList?: string;
-};
-type TabsProps<TValue extends string = string> = {
-    items: TabsItem<TValue>[];
-    value: TValue;
-    onChange: (value: TValue) => void;
-    variant?: TabsVariant;
-    size?: TabsSize;
-    overflowBehavior?: TabsOverflowBehavior;
-    ariaLabel?: string;
-    className?: string;
-    classNames?: TabsClassNames;
-};
-
-declare const Tabs: {
-    <TValue extends string = string>({ items, value, onChange, variant, size, overflowBehavior, ariaLabel, className, classNames, }: TabsProps<TValue>): JSX.Element;
-    displayName: string;
-};
-
-export { Tabs, type TabsClassNames, type TabsItem, type TabsOverflowBehavior, type TabsProps, type TabsSize, type TabsVariant };