@expcat/tigercat-react 0.4.3 → 1.0.0

package/dist/{chunk-EFLIFXZH.js → chunk-P3XVLJYD.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -8,7 +9,7 @@ var Descriptions = ({
   title,
   extra,
   bordered = false,
-  column = 3,
+  column: columnProp = 3,
   size = "md",
   layout = "horizontal",
   colon = true,
@@ -19,6 +20,19 @@ var Descriptions = ({
   children,
   ...props
 }) => {
+  const subscribe = react.useMemo(() => {
+    return (cb) => {
+      window.addEventListener("resize", cb);
+      return () => window.removeEventListener("resize", cb);
+    };
+  }, []);
+  const getSnapshot = () => window.innerWidth;
+  const getServerSnapshot = () => 1024;
+  const windowWidth = react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const column = react.useMemo(
+    () => tigercatCore.resolveResponsiveValue(columnProp, windowWidth, 3),
+    [columnProp, windowWidth]
+  );
   const renderHeader = () => {
     if (!title && !extra) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.descriptionsHeaderClasses, children: [

package/dist/chunk-P6E3DILH.mjs

@@ -0,0 +1,51 @@
+import React from 'react';
+import { cardSizeClasses, classNames, getCardClasses, cardDirectionClasses, cardActionsClasses, cardFooterClasses, cardCoverWrapperClasses, cardCoverClasses, cardHorizontalBodyClasses, cardHeaderClasses } from '@expcat/tigercat-core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/components/Card.tsx
+var Card = React.memo(
+  ({
+    variant = "default",
+    size = "md",
+    direction = "vertical",
+    hoverable = false,
+    cover,
+    coverAlt = "Card cover image",
+    header,
+    footer,
+    actions,
+    className,
+    children,
+    ...props
+  }) => {
+    const isHorizontal = direction === "horizontal";
+    const sectionSizeClass = cover ? cardSizeClasses[size] : void 0;
+    const cardClasses = classNames(
+      getCardClasses(variant, hoverable),
+      cardDirectionClasses[direction],
+      !cover && cardSizeClasses[size],
+      className
+    );
+    const getSectionClasses = (baseClasses) => classNames(baseClasses, sectionSizeClass);
+    const bodyContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      header != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(cardHeaderClasses), children: header }),
+      children != null && /* @__PURE__ */ jsx("div", { className: sectionSizeClass, children }),
+      footer != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(cardFooterClasses), children: footer }),
+      actions != null && /* @__PURE__ */ jsx("div", { className: getSectionClasses(classNames(cardActionsClasses, cardFooterClasses)), children: actions })
+    ] });
+    return /* @__PURE__ */ jsxs("div", { className: cardClasses, ...props, children: [
+      cover && /* @__PURE__ */ jsx("div", { className: cardCoverWrapperClasses, children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: cover,
+          alt: coverAlt,
+          className: classNames(cardCoverClasses, isHorizontal && "h-full w-48 object-cover")
+        }
+      ) }),
+      isHorizontal ? /* @__PURE__ */ jsx("div", { className: cardHorizontalBodyClasses, children: bodyContent }) : bodyContent
+    ] });
+  }
+);
+Card.displayName = "Card";
+
+export { Card };

package/dist/{chunk-HPXLUJFJ.mjs → chunk-PN33UCWB.mjs}

@@ -1,8 +1,8 @@
-import React, { useState, useRef, useCallback, useMemo } from 'react';
+import { useControlledState } from './chunk-UQMPEMY7.mjs';
+import React, { useRef, useCallback, useMemo } from 'react';
 import { getRadioGroupClasses } from '@expcat/tigercat-core';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/RadioGroup.tsx
 var RadioGroupContext = React.createContext(null);
 var RadioGroup = ({
   value,
@@ -15,9 +15,7 @@ var RadioGroup = ({
   className,
   ...props
 }) => {
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const [currentValue, setInternalValue, isControlled] = useControlledState(value, defaultValue);
   const generatedNameRef = useRef(
     `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`
   );

package/dist/chunk-PNAWOJ32.js

@@ -0,0 +1,54 @@
+'use strict';
+
+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);
+
+// src/components/Badge.tsx
+var Badge = React__default.default.memo(
+  ({
+    variant = "danger",
+    size = "md",
+    type = "number",
+    content,
+    max = 99,
+    showZero = false,
+    position = "top-right",
+    standalone = true,
+    className,
+    children,
+    ["aria-label"]: ariaLabelProp,
+    ...props
+  }) => {
+    const isDot = type === "dot";
+    const isHidden = tigercatCore.shouldHideBadge(content, type, showZero);
+    const displayContent = tigercatCore.formatBadgeContent(content, max, showZero);
+    const badgeClasses = tigercatCore.classNames(
+      tigercatCore.badgeBaseClasses,
+      tigercatCore.getBadgeVariantClasses(variant),
+      isDot ? tigercatCore.dotSizeClasses[size] : tigercatCore.badgeSizeClasses[size],
+      tigercatCore.badgeTypeClasses[type],
+      !standalone && tigercatCore.badgePositionClasses[position],
+      className
+    );
+    const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
+    if (isHidden) {
+      return standalone ? null : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+    }
+    const badgeElement = /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
+    if (standalone) {
+      return badgeElement;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.badgeWrapperClasses, children: [
+      children,
+      badgeElement
+    ] });
+  }
+);
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;

package/dist/{chunk-72MWKUBC.js → chunk-PUYT62KC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXWRJVNB6_js = require('./chunk-XWRJVNB6.js');
+var chunkIWP22YTF_js = require('./chunk-IWP22YTF.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,11 +32,12 @@ var FormItem = ({
   rules,
   error: controlledError,
   showMessage = true,
+  errorDisplayMode = "inline",
   size,
   children,
   className
 }) => {
-  const formContext = chunkXWRJVNB6_js.useFormContext();
+  const formContext = chunkIWP22YTF_js.useFormContext();
   const [errorMessage, setErrorMessage] = React.useState("");
   const [shakeTrigger, setShakeTrigger] = React.useState(0);
   const prevFormErrorRef = React.useRef("");
@@ -194,7 +195,13 @@ var FormItem = ({
     () => tigercatCore.classNames(tigercatCore.getFormItemErrorClasses(actualSize), hasError && "opacity-100"),
     [actualSize, hasError]
   );
-  const contentClasses = React.useMemo(() => tigercatCore.getFormItemContentClasses(labelPosition), [labelPosition]);
+  const contentClasses = React.useMemo(
+    () => tigercatCore.classNames(
+      tigercatCore.getFormItemContentClasses(labelPosition),
+      errorDisplayMode === "popup" && "relative"
+    ),
+    [labelPosition, errorDisplayMode]
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: formItemClasses, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
@@ -229,7 +236,13 @@ var FormItem = ({
         {
           id: hasError ? errorId : void 0,
           role: hasError ? "alert" : void 0,
-          className: errorClasses,
+          className: errorDisplayMode === "block" ? tigercatCore.classNames(
+            "mt-1 p-2 rounded bg-red-50 border border-red-200 text-red-600 text-sm",
+            !hasError && "hidden"
+          ) : errorDisplayMode === "popup" ? tigercatCore.classNames(
+            "absolute z-10 mt-1 px-2 py-1 rounded bg-red-600 text-white text-xs shadow-lg",
+            !hasError && "hidden"
+          ) : errorClasses,
           "aria-hidden": hasError ? void 0 : true,
           children: hasError ? errorMessage : ""
         }

package/dist/chunk-Q4JMAQXJ.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/PrintLayout.tsx
+var PrintLayout = ({
+  pageSize = "A4",
+  orientation = "portrait",
+  showHeader = false,
+  showFooter = false,
+  headerText,
+  footerText,
+  headerRender,
+  footerRender,
+  className,
+  children,
+  ...rest
+}) => {
+  const classes = react.useMemo(
+    () => tigercatCore.getPrintLayoutClasses(pageSize, orientation, className),
+    [pageSize, orientation, className]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, className: classes, children: [
+    showHeader && (headerRender || headerText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.printLayoutHeaderClasses, children: headerRender || headerText }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tiger-print-content", children }),
+    showFooter && (footerRender || footerText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.printLayoutFooterClasses, children: footerRender || footerText })
+  ] });
+};
+var PrintPageBreak = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ...props,
+    className: tigercatCore.classNames(tigercatCore.printLayoutPageBreakClasses, "print:break-before-page"),
+    "aria-hidden": "true"
+  }
+);
+
+exports.PrintLayout = PrintLayout;
+exports.PrintPageBreak = PrintPageBreak;

package/dist/chunk-QBZODEIG.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Segmented.tsx
+var Segmented = ({
+  value,
+  options = [],
+  disabled = false,
+  size = "md",
+  block = false,
+  className,
+  onChange
+}) => {
+  function handleSelect(opt) {
+    if (opt.disabled || disabled) return;
+    if (opt.value === value) return;
+    onChange?.(opt.value);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: tigercatCore.classNames(tigercatCore.getSegmentedContainerClasses(size, block), className),
+      role: "radiogroup",
+      children: options.map((opt) => {
+        const selected = opt.value === value;
+        const isDisabled = !!opt.disabled || disabled;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            className: tigercatCore.classNames(
+              tigercatCore.getSegmentedOptionClasses(size, selected, isDisabled),
+              block ? "flex-1 text-center" : ""
+            ),
+            role: "radio",
+            "aria-checked": selected,
+            "aria-disabled": isDisabled,
+            onClick: () => handleSelect(opt),
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: opt.label })
+          },
+          opt.value
+        );
+      })
+    }
+  );
+};
+
+exports.Segmented = Segmented;

package/dist/chunk-QHG7KJH6.js

@@ -0,0 +1,302 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Cascader.tsx
+var CASCADER_KEYS = /* @__PURE__ */ new Set([
+  "options",
+  "value",
+  "onChange",
+  "placeholder",
+  "size",
+  "disabled",
+  "clearable",
+  "showSearch",
+  "expandTrigger",
+  "changeOnSelect",
+  "separator",
+  "notFoundText",
+  "className"
+]);
+var Cascader = (props) => {
+  const {
+    options = [],
+    value = [],
+    onChange,
+    placeholder = "Please select",
+    size = "md",
+    disabled = false,
+    clearable = true,
+    showSearch = false,
+    expandTrigger = "click",
+    changeOnSelect = false,
+    separator = " / ",
+    notFoundText = "No results found",
+    className
+  } = props;
+  const divProps = {};
+  for (const [k, v] of Object.entries(props)) {
+    if (!CASCADER_KEYS.has(k)) divProps[k] = v;
+  }
+  const instanceId = react.useId();
+  const listboxId = `tiger-cascader-listbox-${instanceId}`;
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const [activePath, setActivePath] = react.useState([]);
+  const triggerRef = react.useRef(null);
+  const dropdownRef = react.useRef(null);
+  const displayLabel = react.useMemo(
+    () => tigercatCore.getCascaderDisplayLabel(options, value, separator),
+    [options, value, separator]
+  );
+  const columns = react.useMemo(() => tigercatCore.getCascaderColumns(options, activePath), [options, activePath]);
+  const isSearchMode = showSearch && searchQuery.length > 0;
+  const flattenedOptions = react.useMemo(() => {
+    if (!showSearch) return [];
+    return tigercatCore.flattenCascaderOptions(options);
+  }, [showSearch, options]);
+  const searchResults = react.useMemo(() => {
+    if (!isSearchMode) return [];
+    return tigercatCore.filterCascaderOptions(flattenedOptions, searchQuery, showSearch);
+  }, [isSearchMode, flattenedOptions, searchQuery, showSearch]);
+  const triggerClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getCascaderTriggerClasses(size, disabled, isOpen), className),
+    [size, disabled, isOpen, className]
+  );
+  react.useEffect(() => {
+    if (isOpen) {
+      setActivePath(value ? [...value] : []);
+      setSearchQuery("");
+    }
+  }, [isOpen]);
+  react.useEffect(() => {
+    if (!isOpen) return;
+    function handleClick(e) {
+      const target = e.target;
+      if (triggerRef.current && !triggerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("click", handleClick, true);
+    return () => document.removeEventListener("click", handleClick, true);
+  }, [isOpen]);
+  const toggleOpen = react.useCallback(() => {
+    if (disabled) return;
+    setIsOpen((prev) => !prev);
+  }, [disabled]);
+  const handleOptionClick = react.useCallback(
+    (option, level) => {
+      if (option.disabled) return;
+      const newPath = activePath.slice(0, level);
+      newPath.push(option.value);
+      setActivePath(newPath);
+      const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
+      if (!hasChildren) {
+        onChange?.(newPath);
+        setIsOpen(false);
+      } else if (changeOnSelect) {
+        onChange?.(newPath);
+      }
+    },
+    [activePath, onChange, changeOnSelect]
+  );
+  const handleOptionHover = react.useCallback(
+    (option, level) => {
+      if (expandTrigger !== "hover" || option.disabled) return;
+      const newPath = activePath.slice(0, level);
+      newPath.push(option.value);
+      setActivePath(newPath);
+    },
+    [expandTrigger, activePath]
+  );
+  const handleSearchResultClick = react.useCallback(
+    (valuePath, itemDisabled) => {
+      if (itemDisabled) return;
+      onChange?.(valuePath);
+      setIsOpen(false);
+    },
+    [onChange]
+  );
+  const handleClear = react.useCallback(
+    (e) => {
+      e.stopPropagation();
+      onChange?.([]);
+    },
+    [onChange]
+  );
+  const handleTriggerKeyDown = react.useCallback(
+    (e) => {
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          toggleOpen();
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          if (!isOpen) setIsOpen(true);
+          break;
+      }
+    },
+    [toggleOpen, isOpen]
+  );
+  const hasValue = value && value.length > 0;
+  const showClearBtn = clearable && hasValue && !disabled;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.cascaderBaseClasses, "data-testid": "cascader", ...divProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: triggerClasses,
+        disabled,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        "aria-controls": isOpen ? listboxId : void 0,
+        onClick: toggleOpen,
+        onKeyDown: handleTriggerKeyDown,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: tigercatCore.classNames(
+                "flex-1 text-left truncate",
+                !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
+              ),
+              children: hasValue ? displayLabel : placeholder
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+            showClearBtn && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "flex items-center",
+                role: "button",
+                "aria-label": "Clear selection",
+                onClick: handleClear,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    viewBox: tigercatCore.icon20ViewBox,
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.closeSolidIcon20PathD, clipRule: "evenodd" })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: tigercatCore.classNames(
+                  "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
+                  isOpen && "rotate-180"
+                ),
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: tigercatCore.icon20ViewBox,
+                fill: "currentColor",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: tigercatCore.chevronDownSolidIcon20PathD, clipRule: "evenodd" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: dropdownRef,
+        className: tigercatCore.classNames(tigercatCore.cascaderDropdownClasses, isSearchMode && "flex-col"),
+        children: [
+          showSearch && /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              className: tigercatCore.cascaderSearchInputClasses,
+              placeholder: "Search...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              "aria-label": "Search options"
+            }
+          ),
+          isSearchMode ? (
+            // Search results
+            searchResults.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.cascaderEmptyStateClasses, children: notFoundText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-auto", role: "listbox", id: listboxId, children: searchResults.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: tigercatCore.classNames(
+                  tigercatCore.cascaderSearchResultClasses,
+                  item.disabled && "opacity-50 cursor-not-allowed"
+                ),
+                role: "option",
+                "aria-selected": value?.join(",") === item.valuePath.join(","),
+                "aria-disabled": item.disabled,
+                onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
+                children: item.label
+              },
+              item.valuePath.join(",")
+            )) })
+          ) : (
+            // Cascading columns
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: columns.map((col, colIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: tigercatCore.cascaderColumnClasses,
+                role: "listbox",
+                id: colIndex === 0 ? listboxId : void 0,
+                "aria-label": `Level ${colIndex + 1}`,
+                children: col.options.map((option) => {
+                  const isSelected = col.selectedValue === option.value;
+                  const hasChildren = tigercatCore.isCascaderOptionExpandable(option);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: tigercatCore.getCascaderOptionClasses(isSelected, !!option.disabled, size),
+                      role: "option",
+                      "aria-selected": isSelected,
+                      "aria-disabled": option.disabled,
+                      onClick: () => handleOptionClick(option, colIndex),
+                      onMouseEnter: () => handleOptionHover(option, colIndex),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: option.label }),
+                        hasChildren && /* @__PURE__ */ jsxRuntime.jsx(
+                          "svg",
+                          {
+                            className: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
+                            xmlns: "http://www.w3.org/2000/svg",
+                            viewBox: "0 0 20 20",
+                            fill: "currentColor",
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    option.value
+                  );
+                })
+              },
+              colIndex
+            )) })
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+exports.Cascader = Cascader;

package/dist/chunk-QIXQYLH5.js

@@ -0,0 +1,44 @@
+'use strict';
+
+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);
+
+// src/components/Divider.tsx
+var Divider = React__default.default.memo(
+  ({
+    orientation = "horizontal",
+    lineStyle = "solid",
+    spacing = "md",
+    color,
+    thickness,
+    className,
+    ...props
+  }) => {
+    const classes = React.useMemo(() => {
+      const base = tigercatCore.getDividerClasses(orientation, lineStyle, spacing);
+      return className ? `${base} ${className}` : base;
+    }, [orientation, lineStyle, spacing, className]);
+    const style = React.useMemo(
+      () => tigercatCore.getDividerStyle(orientation, color, thickness),
+      [color, thickness, orientation]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ...props,
+        className: classes,
+        style,
+        role: "separator",
+        "aria-orientation": orientation
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+exports.Divider = Divider;