@expcat/tigercat-react 1.0.7 → 1.1.0

package/dist/chunk-F6KHZNRS.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Statistic.tsx
-var Statistic = ({
-  title,
-  value,
-  precision,
-  prefix,
-  suffix,
-  groupSeparator = false,
-  size = "md",
-  className
-}) => {
-  const formatted = react.useMemo(
-    () => tigercatCore.formatStatisticValue(value, precision, groupSeparator),
-    [value, precision, groupSeparator]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames(tigercatCore.statisticBaseClasses, className), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getStatisticTitleClasses(size), children: title }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getStatisticValueClasses(size), children: [
-      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.statisticPrefixClasses, children: prefix }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatted }),
-      suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.statisticSuffixClasses, children: suffix })
-    ] })
-  ] });
-};
-
-exports.Statistic = Statistic;

package/dist/chunk-GJEWBALW.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var chunkA3PYG3D6_js = require('./chunk-A3PYG3D6.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-function isComponentNamed(elementType, name) {
-  if (typeof elementType !== "function" && typeof elementType !== "object") return false;
-  const maybeFn = elementType;
-  return maybeFn.displayName === name || maybeFn.name === name;
-}
-var MenuItemGroup = ({
-  title,
-  className,
-  children,
-  level = 0
-}) => {
-  const enhancedChildren = React__default.default.Children.map(children, (child) => {
-    if (!React__default.default.isValidElement(child)) return child;
-    if (child.type === chunkA3PYG3D6_js.MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return React__default.default.cloneElement(child, {
-        level
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "list-none", children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.menuItemGroupTitleClasses, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", className, children: enhancedChildren })
-  ] });
-};
-
-exports.MenuItemGroup = MenuItemGroup;

package/dist/chunk-GOUMB34F.mjs

@@ -1,168 +0,0 @@
-import { useControlledState } from './chunk-UQMPEMY7.mjs';
-import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { isContentEmpty, sanitizeHtml, mapToolbarAction, isValidUrl, findHotkeyMatch, defaultToolbar, classNames, getRichTextContainerClasses, getEditorAreaClasses, parseHeight, richTextToolbarClasses, getToolbarButtonClasses, isInlineFormat, richTextPlaceholderClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var RichTextEditor = ({
-  value,
-  defaultValue = "",
-  placeholder,
-  mode: _mode = "html",
-  toolbar,
-  height = 300,
-  readOnly = false,
-  disabled = false,
-  onChange,
-  className,
-  ...restProps
-}) => {
-  const editorRef = useRef(null);
-  const [currentContent, setInternalValue, isControlled] = useControlledState(value, defaultValue);
-  const [activeFormats, setActiveFormats] = useState(/* @__PURE__ */ new Set());
-  const toolbarButtons = toolbar ?? defaultToolbar;
-  const empty = isContentEmpty(currentContent);
-  useEffect(() => {
-    if (isControlled && editorRef.current) {
-      const sanitized = sanitizeHtml(value);
-      if (editorRef.current.innerHTML !== sanitized) {
-        editorRef.current.innerHTML = sanitized;
-      }
-    }
-  }, [value, isControlled]);
-  useEffect(() => {
-    if (editorRef.current) {
-      const initial = sanitizeHtml(isControlled ? value : defaultValue);
-      if (initial) {
-        editorRef.current.innerHTML = initial;
-      }
-    }
-  }, []);
-  const updateActiveFormats = useCallback(() => {
-    if (typeof document === "undefined") return;
-    const next = /* @__PURE__ */ new Set();
-    if (document.queryCommandState("bold")) next.add("bold");
-    if (document.queryCommandState("italic")) next.add("italic");
-    if (document.queryCommandState("underline")) next.add("underline");
-    if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
-    if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
-    if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
-    setActiveFormats(next);
-  }, []);
-  useEffect(() => {
-    if (typeof document === "undefined") return;
-    document.addEventListener("selectionchange", updateActiveFormats);
-    return () => {
-      document.removeEventListener("selectionchange", updateActiveFormats);
-    };
-  }, [updateActiveFormats]);
-  const handleInput = useCallback(() => {
-    if (!editorRef.current) return;
-    const html = editorRef.current.innerHTML;
-    const sanitized = sanitizeHtml(html);
-    if (!isControlled) {
-      setInternalValue(sanitized);
-    }
-    onChange?.(sanitized);
-  }, [isControlled, onChange]);
-  const execAction = useCallback(
-    (actionName) => {
-      if (readOnly || disabled) return;
-      editorRef.current?.focus();
-      const mapping = mapToolbarAction(actionName);
-      if (mapping) {
-        document.execCommand(mapping.command, false, mapping.argument);
-        handleInput();
-        updateActiveFormats();
-        return;
-      }
-      if (actionName === "codeBlock") {
-        document.execCommand("formatBlock", false, "PRE");
-        handleInput();
-        return;
-      }
-      if (actionName === "link") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
-        if (url && isValidUrl(url)) {
-          document.execCommand("createLink", false, url);
-          handleInput();
-        }
-        return;
-      }
-      if (actionName === "image") {
-        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
-        if (url && isValidUrl(url)) {
-          document.execCommand("insertImage", false, url);
-          handleInput();
-        }
-      }
-    },
-    [readOnly, disabled, handleInput, updateActiveFormats]
-  );
-  const handleKeydown = useCallback(
-    (e) => {
-      const match = findHotkeyMatch(toolbarButtons, e.nativeEvent);
-      if (match) {
-        e.preventDefault();
-        execAction(match);
-      }
-    },
-    [toolbarButtons, execAction]
-  );
-  const containerClasses = useMemo(
-    () => classNames(getRichTextContainerClasses(disabled, className)),
-    [disabled, className]
-  );
-  const editorAreaClasses = useMemo(() => getEditorAreaClasses(readOnly), [readOnly]);
-  const containerStyle = useMemo(() => {
-    const ht = parseHeight(height);
-    if (!ht) return void 0;
-    return { height: ht };
-  }, [height]);
-  return /* @__PURE__ */ jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
-    /* @__PURE__ */ jsx("div", { className: richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarButtons.map((btn) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getToolbarButtonClasses(activeFormats.has(btn.name)),
-        title: btn.tooltip ?? btn.label,
-        "aria-label": btn.label,
-        "aria-pressed": isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
-        disabled: disabled || readOnly,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => execAction(btn.name),
-        children: btn.label
-      },
-      btn.name
-    )) }),
-    /* @__PURE__ */ jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: editorRef,
-          className: editorAreaClasses,
-          contentEditable: !(readOnly || disabled),
-          role: "textbox",
-          "aria-multiline": true,
-          "aria-readonly": readOnly || void 0,
-          "aria-disabled": disabled || void 0,
-          "aria-placeholder": placeholder,
-          "data-placeholder": placeholder,
-          onInput: handleInput,
-          onKeyDown: handleKeydown,
-          suppressContentEditableWarning: true
-        }
-      ),
-      empty && placeholder && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
-          "aria-hidden": true,
-          children: placeholder
-        }
-      )
-    ] })
-  ] });
-};
-var RichTextEditor_default = RichTextEditor;
-
-export { RichTextEditor, RichTextEditor_default };

package/dist/chunk-H36CWHUP.mjs

@@ -1,30 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { classNames, breadcrumbContainerClasses } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/Breadcrumb.tsx
-var BreadcrumbContext = createContext(null);
-function useBreadcrumbContext() {
-  return useContext(BreadcrumbContext);
-}
-var Breadcrumb = ({
-  separator = "/",
-  className,
-  style,
-  extra,
-  children,
-  ...props
-}) => {
-  const hasExtra = Boolean(extra);
-  const containerClasses = React.useMemo(
-    () => classNames(breadcrumbContainerClasses, hasExtra && "w-full", className),
-    [className, hasExtra]
-  );
-  const contextValue = React.useMemo(() => ({ separator }), [separator]);
-  return /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("nav", { className: containerClasses, "aria-label": "Breadcrumb", style, ...props, children: [
-    /* @__PURE__ */ jsx("ol", { className: "flex items-center flex-wrap gap-2", children }),
-    hasExtra && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: extra })
-  ] }) });
-};
-
-export { Breadcrumb, useBreadcrumbContext };

package/dist/chunk-HZHFFVP7.mjs

@@ -1,63 +0,0 @@
-import { classNames, getStepperButtonClasses, getStepperInputClasses, stepperBaseClasses, clampStepperValue, stepperIconViewBox, minusPathD, plusPathD } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/Stepper.tsx
-var Stepper = ({
-  value = 0,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  onChange
-}) => {
-  function setValue(v) {
-    const clamped = clampStepperValue(v, min, max, precision);
-    onChange?.(clamped);
-  }
-  const atMin = value <= min;
-  const atMax = value >= max;
-  const icon = (d) => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ jsxs("div", { className: classNames(stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": "Decrease",
-        onClick: () => setValue(value - step),
-        children: icon(minusPathD)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: getStepperInputClasses(size),
-        value: precision !== void 0 ? value.toFixed(precision) : String(value),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": "Increase",
-        onClick: () => setValue(value + step),
-        children: icon(plusPathD)
-      }
-    )
-  ] });
-};
-
-export { Stepper };

package/dist/chunk-IBYIPXIO.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Menu.tsx
-var MenuContext = react.createContext(null);
-function useMenuContext() {
-  return react.useContext(MenuContext);
-}
-var Menu = ({
-  mode = "vertical",
-  theme = "light",
-  selectedKeys: controlledSelectedKeys,
-  defaultSelectedKeys = [],
-  openKeys: controlledOpenKeys,
-  defaultOpenKeys = [],
-  collapsed = false,
-  multiple = true,
-  inlineIndent = 24,
-  className,
-  style,
-  onSelect,
-  onOpenChange,
-  children
-}) => {
-  const menuRef = react.useRef(null);
-  const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(defaultSelectedKeys);
-  const [internalOpenKeys, setInternalOpenKeys] = react.useState(defaultOpenKeys);
-  const selectedKeys = controlledSelectedKeys !== void 0 ? controlledSelectedKeys : internalSelectedKeys;
-  const openKeys = controlledOpenKeys !== void 0 ? controlledOpenKeys : internalOpenKeys;
-  const handleSelect = react.useCallback(
-    (key) => {
-      const newSelectedKeys = tigercatCore.replaceKeys(key, selectedKeys);
-      if (controlledSelectedKeys === void 0) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      onSelect?.(key, { selectedKeys: newSelectedKeys });
-    },
-    [controlledSelectedKeys, selectedKeys, onSelect]
-  );
-  const handleOpenChange = react.useCallback(
-    (key) => {
-      const toggled = tigercatCore.toggleKey(key, openKeys);
-      const newOpenKeys = multiple ? toggled : toggled.includes(key) ? [key] : [];
-      if (controlledOpenKeys === void 0) {
-        setInternalOpenKeys(newOpenKeys);
-      }
-      onOpenChange?.(key, { openKeys: newOpenKeys });
-    },
-    [openKeys, multiple, controlledOpenKeys, onOpenChange]
-  );
-  const menuClasses = react.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getMenuClasses(mode, theme, collapsed), className);
-  }, [mode, theme, collapsed, className]);
-  const contextValue = react.useMemo(
-    () => ({
-      mode,
-      theme,
-      collapsed,
-      inlineIndent,
-      selectedKeys,
-      openKeys,
-      handleSelect,
-      handleOpenChange
-    }),
-    [mode, theme, collapsed, inlineIndent, selectedKeys, openKeys, handleSelect, handleOpenChange]
-  );
-  react.useEffect(() => {
-    if (menuRef.current) tigercatCore.initRovingTabIndex(menuRef.current);
-  }, [mode, collapsed, selectedKeys, openKeys]);
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ul",
-    {
-      ref: menuRef,
-      className: menuClasses,
-      style,
-      role: "menu",
-      "data-tiger-menu-root": "true",
-      "data-tiger-menu-mode": mode,
-      children
-    }
-  ) });
-};
-
-exports.Menu = Menu;
-exports.useMenuContext = useMenuContext;

package/dist/chunk-IS467WAO.mjs

@@ -1,39 +0,0 @@
-import { useMemo } from 'react';
-import { getChartInnerRect, classNames, chartCanvasBaseClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/components/ChartCanvas.tsx
-var ChartCanvas = ({
-  width = 320,
-  height = 200,
-  padding = 24,
-  className,
-  title,
-  desc,
-  children,
-  ...props
-}) => {
-  const innerRect = useMemo(
-    () => getChartInnerRect(width, height, padding),
-    [width, height, padding]
-  );
-  const svgClasses = useMemo(() => classNames(chartCanvasBaseClasses, className), [className]);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ...props,
-      width,
-      height,
-      viewBox: `0 0 ${width} ${height}`,
-      className: svgClasses,
-      children: [
-        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-        desc ? /* @__PURE__ */ jsx("desc", { children: desc }) : null,
-        /* @__PURE__ */ jsx("g", { transform: `translate(${innerRect.x}, ${innerRect.y})`, children })
-      ]
-    }
-  );
-};
-var ChartCanvas_default = ChartCanvas;
-
-export { ChartCanvas, ChartCanvas_default };