@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-S4XW2XZW.js

@@ -1,192 +0,0 @@
-// src/components/ProductImagePreview/MobileImageCarousel.tsx
-import { useRef, useEffect, useState, useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
-function MobileImageCarousel({
-  images,
-  currentIndex,
-  width = 483,
-  height = 483,
-  onChangeIndex,
-  onImageError,
-  className = ""
-}) {
-  const containerRef = useRef(null);
-  const [isDragging, setIsDragging] = useState(false);
-  const [startX, setStartX] = useState(0);
-  const [currentTranslate, setCurrentTranslate] = useState(0);
-  const [prevTranslate, setPrevTranslate] = useState(0);
-  const [containerWidth, setContainerWidth] = useState(width);
-  const imageSize = Math.min(containerWidth * 0.6, height * 0.6);
-  const gap = 16;
-  const getTranslateX = useCallback(
-    (index) => {
-      const containerCenter = containerWidth / 2;
-      const imageCenter = imageSize / 2;
-      const totalOffset = index * (imageSize + gap);
-      return containerCenter - imageCenter - totalOffset;
-    },
-    [containerWidth, imageSize, gap]
-  );
-  useEffect(() => {
-    const translateX = getTranslateX(currentIndex);
-    setCurrentTranslate(translateX);
-    setPrevTranslate(translateX);
-  }, [currentIndex, getTranslateX]);
-  useEffect(() => {
-    const updateContainerWidth = () => {
-      if (containerRef.current) {
-        const rect = containerRef.current.getBoundingClientRect();
-        setContainerWidth(rect.width);
-      }
-    };
-    updateContainerWidth();
-    const resizeObserver = new ResizeObserver(updateContainerWidth);
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    return () => resizeObserver.disconnect();
-  }, []);
-  const handleStart = useCallback((clientX) => {
-    setIsDragging(true);
-    setStartX(clientX);
-  }, []);
-  const handleMove = useCallback(
-    (clientX) => {
-      if (!isDragging) return;
-      const currentPosition = clientX;
-      const diff = currentPosition - startX;
-      setCurrentTranslate(prevTranslate + diff);
-    },
-    [isDragging, startX, prevTranslate]
-  );
-  const handleEnd = useCallback(() => {
-    if (!isDragging) return;
-    setIsDragging(false);
-    const moved = currentTranslate - prevTranslate;
-    const threshold = imageSize / 3;
-    let newIndex = currentIndex;
-    if (moved > threshold && currentIndex > 0) {
-      newIndex = currentIndex - 1;
-    } else if (moved < -threshold && currentIndex < images.length - 1) {
-      newIndex = currentIndex + 1;
-    }
-    if (newIndex !== currentIndex) {
-      onChangeIndex(newIndex);
-    } else {
-      setCurrentTranslate(prevTranslate);
-    }
-  }, [
-    isDragging,
-    currentTranslate,
-    prevTranslate,
-    currentIndex,
-    imageSize,
-    images.length,
-    onChangeIndex
-  ]);
-  const handleMouseDown = (e) => {
-    e.preventDefault();
-    handleStart(e.clientX);
-  };
-  const handleMouseMove = (e) => {
-    e.preventDefault();
-    handleMove(e.clientX);
-  };
-  const handleMouseUp = () => {
-    handleEnd();
-  };
-  const handleMouseLeave = () => {
-    handleEnd();
-  };
-  const handleTouchStart = (e) => {
-    handleStart(e.touches[0].clientX);
-  };
-  const handleTouchMove = (e) => {
-    handleMove(e.touches[0].clientX);
-  };
-  const handleTouchEnd = () => {
-    handleEnd();
-  };
-  const handleImageClick = useCallback(
-    (index) => {
-      if (!isDragging && index !== currentIndex) {
-        onChangeIndex(index);
-      }
-    },
-    [isDragging, currentIndex, onChangeIndex]
-  );
-  if (!images.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: `md:hidden w-full ${className}`, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: "relative overflow-hidden cursor-grab active:cursor-grabbing select-none w-full",
-      style: {
-        height: imageSize
-      },
-      onMouseDown: handleMouseDown,
-      onMouseMove: handleMouseMove,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseLeave,
-      onTouchStart: handleTouchStart,
-      onTouchMove: handleTouchMove,
-      onTouchEnd: handleTouchEnd,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex items-center",
-          style: {
-            transform: `translateX(${currentTranslate}px)`,
-            transition: isDragging ? "none" : "transform 0.3s ease-out",
-            gap: `${gap}px`
-          },
-          children: images.map((image, index) => {
-            const isActive = index === currentIndex;
-            const distance = Math.abs(index - currentIndex);
-            const shouldRender = distance <= 2;
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "flex-shrink-0 transition-opacity duration-300",
-                style: {
-                  width: imageSize,
-                  height: imageSize,
-                  opacity: isActive ? 1 : Math.max(0.3, 1 - distance * 0.3)
-                },
-                onClick: () => handleImageClick(index),
-                children: shouldRender ? /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: image.src,
-                    alt: image.alt || `Product image ${index + 1}`,
-                    className: "w-full h-full object-cover",
-                    draggable: false,
-                    loading: distance <= 1 ? "eager" : "lazy",
-                    onError: () => onImageError == null ? void 0 : onImageError(image.src),
-                    style: {
-                      aspectRatio: "1 / 1"
-                    }
-                  }
-                ) : /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "w-full h-full bg-neutral-100 rounded-md border border-gray-200",
-                    style: {
-                      aspectRatio: "1 / 1"
-                    },
-                    "aria-hidden": "true"
-                  }
-                )
-              },
-              image.src + index
-            );
-          })
-        }
-      )
-    }
-  ) });
-}
-
-export {
-  MobileImageCarousel
-};

package/dist/chunk-SATCWGO7.js

@@ -1,166 +0,0 @@
-// src/classNames.ts
-import clsx from "clsx";
-var typography = {
-  display1: clsx(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: clsx(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: clsx(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: clsx(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: clsx(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: clsx(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: clsx(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: clsx(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: clsx(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: clsx(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: clsx(
-    "font-sans font-normal",
-    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
-    "leading-caption-mobile desktop:leading-caption-desktop"
-  ),
-  breadcrumb: clsx(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-mobile-breadcrumb desktop:leading-desktop-breadcrumb"
-  )
-};
-var baseTransition = clsx(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = clsx(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = clsx(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingXUsingLayoutGroupGap = clsx(
-  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
-);
-var paddingYUsingLayoutGroupGap = clsx(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = clsx(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = clsx(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingX = clsx(
-  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
-);
-var componentPaddingY = clsx(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = clsx(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = clsx(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap2xMobile = clsx(
-  "py-[calc(var(--spacing-mobile-component-gap)_+_8px)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = clsx(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = clsx(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var componentPaddingMinusBorderDesktop = clsx(
-  "p-[calc(var(--spacing-desktop-component-padding)_-_1px)]"
-);
-var layoutPaddding = clsx(
-  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
-);
-var layoutPaddingBottom = clsx(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = clsx(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var layoutPaddingX = clsx(
-  "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding"
-);
-var containerPaddingX = clsx(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = clsx(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = clsx(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = clsx(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = clsx(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = clsx(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-export {
-  typography,
-  baseTransition,
-  componentGap,
-  paddingUsingComponentGap,
-  paddingXUsingLayoutGroupGap,
-  paddingYUsingLayoutGroupGap,
-  componentPadding,
-  componentPaddingBottom,
-  componentPaddingY,
-  componentPaddingXUsingComponentGap,
-  componentPaddingYUsingComponentGap,
-  componentPaddingYUsingComponentGap2xMobile,
-  componentPaddingMinusBorder,
-  componentPaddingMinus2pxBorder,
-  componentPaddingMinusBorderDesktop,
-  layoutPaddding,
-  layoutPaddingBottom,
-  layoutPaddingY,
-  layoutPaddingX,
-  containerPaddingX,
-  containerPaddingY,
-  layoutGroupGap,
-  layoutGap,
-  gapUsingContainerPadding
-};

package/dist/chunk-SBRRNFOP.js

@@ -1,33 +0,0 @@
-// src/components/Spinner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Spinner = ({ size = "small", testid }) => {
-  const dimension = size === "large" ? 48 : 24;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "data-testid": testid,
-      width: dimension,
-      height: dimension,
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "#1D1E1E",
-      className: "spinner",
-      "aria-label": "Loading",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "4", r: "2", opacity: "1" }),
-        /* @__PURE__ */ jsx("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125" }),
-        /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25" }),
-        /* @__PURE__ */ jsx("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375" }),
-        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5" }),
-        /* @__PURE__ */ jsx("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625" }),
-        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75" }),
-        /* @__PURE__ */ jsx("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875" })
-      ]
-    }
-  );
-};
-Spinner.displayName = "Spinner";
-
-export {
-  Spinner
-};

package/dist/chunk-SJZNVG4N.js

@@ -1,47 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/EditingContext.tsx
-import { createContext, useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var EditingContext = createContext(null);
-var EditingProvider = ({
-  data,
-  children
-}) => {
-  const [actual, setData] = useState(data);
-  const context = {
-    data: actual,
-    setData: (row, key, value) => {
-      setData((prev) => {
-        var _a;
-        const newData = [...prev];
-        const existingValue = (_a = newData[row]) == null ? void 0 : _a[key];
-        const convertedValue = typeof existingValue === "number" && !isNaN(Number(value)) ? Number(value) : value;
-        newData[row] = __spreadProps(__spreadValues({}, newData[row]), {
-          [key]: convertedValue
-        });
-        return newData;
-      });
-    },
-    setBulkData: (prev) => {
-      setData(prev);
-    }
-  };
-  return /* @__PURE__ */ jsx(EditingContext.Provider, { value: context, children });
-};
-var useTableEditingContext = () => {
-  const context = useContext(EditingContext);
-  if (!context) {
-    throw new Error("useTableEditingContext must be used within EditingProvider");
-  }
-  return context;
-};
-
-export {
-  EditingContext,
-  EditingProvider,
-  useTableEditingContext
-};

package/dist/chunk-TBZ243DS.js

@@ -1,173 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
-function isValidDate(dateString) {
-  const date = new Date(dateString);
-  return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
-}
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
-function isDigit(character) {
-  return /\d/.test(character);
-}
-function isSlash(character) {
-  return character === "/";
-}
-function countDigitsUpToCursor(value, cursorPosition) {
-  let digitCount = 0;
-  for (let i = 0; i < cursorPosition && i < value.length; i++) {
-    if (!isDigit(value[i])) {
-      continue;
-    }
-    digitCount++;
-  }
-  return digitCount;
-}
-function findPositionAfterDigitCount(formattedValue, targetDigitCount) {
-  let currentDigitCount = 0;
-  for (let i = 0; i < formattedValue.length; i++) {
-    if (!isDigit(formattedValue[i])) {
-      continue;
-    }
-    currentDigitCount++;
-    if (currentDigitCount !== targetDigitCount) {
-      continue;
-    }
-    const positionAfterDigit = i + 1;
-    const nextCharacter = formattedValue[positionAfterDigit];
-    if (nextCharacter && isSlash(nextCharacter)) {
-      return positionAfterDigit + 1;
-    }
-    return positionAfterDigit;
-  }
-  return formattedValue.length;
-}
-function calculateCursorPosition(originalValue, formattedValue, originalPosition) {
-  const targetDigitCount = countDigitsUpToCursor(
-    originalValue,
-    originalPosition
-  );
-  const newPosition = findPositionAfterDigitCount(
-    formattedValue,
-    targetDigitCount
-  );
-  return Math.min(newPosition, formattedValue.length);
-}
-function parseDateParts(dateString) {
-  const [yearStr, monthStr, dayStr] = dateString.split("-");
-  if (!yearStr || !monthStr || !dayStr) {
-    return null;
-  }
-  const year = parseInt(yearStr, 10);
-  const month = parseInt(monthStr, 10);
-  const day = parseInt(dayStr, 10);
-  if (isNaN(year) || isNaN(month) || isNaN(day)) {
-    return null;
-  }
-  return { year, month, day };
-}
-function isValidDateRange(month, day) {
-  if (month < 1 || month > 12) {
-    return false;
-  }
-  if (day < 1 || day > 31) {
-    return false;
-  }
-  return true;
-}
-function formatDatePartsToDisplay(year, month, day) {
-  const paddedMonth = month.toString().padStart(2, "0");
-  const paddedDay = day.toString().padStart(2, "0");
-  return `${paddedMonth}/${paddedDay}/${year}`;
-}
-function formatDate(date) {
-  if (!date) {
-    return "";
-  }
-  try {
-    const dateParts = parseDateParts(date);
-    if (!dateParts) {
-      return "";
-    }
-    const { year, month, day } = dateParts;
-    if (!isValidDateRange(month, day)) {
-      return "";
-    }
-    return formatDatePartsToDisplay(year, month, day);
-  } catch (error) {
-    console.error("Error formatting date:", error);
-    return "";
-  }
-}
-function isValidDateRangeOrder(fromDate, toDate) {
-  if (!fromDate || !toDate || !isValidDate(fromDate) || !isValidDate(toDate)) {
-    return false;
-  }
-  const from = new Date(fromDate);
-  const to = new Date(toDate);
-  return to >= from;
-}
-
-// src/utils/mergeObjectArrays.ts
-function mergeObjectArrays(arr1, arr2) {
-  const arr2Map = /* @__PURE__ */ new Map();
-  for (const item of arr2) {
-    const id = item.id;
-    if (id !== void 0) {
-      arr2Map.set(id, item);
-    }
-  }
-  return arr1.map((item1) => {
-    const id = item1.id;
-    if (id !== void 0 && arr2Map.has(id)) {
-      const item2 = arr2Map.get(id);
-      const meta1 = item1.meta;
-      const meta2 = item2.meta;
-      const mergedMeta = meta1 && meta2 && typeof meta1 === "object" && typeof meta2 === "object" ? __spreadValues(__spreadValues({}, meta1), meta2) : meta2 != null ? meta2 : meta1;
-      return __spreadProps(__spreadValues(__spreadValues({}, item1), item2), { meta: mergedMeta });
-    }
-    return item1;
-  });
-}
-
-// src/utils/index.ts
-var LocalStoragePrefixVersion = `dmsi-acc-v1.1.5`;
-
-export {
-  parseInputDate,
-  isValidDate,
-  formatInputValue,
-  isDigit,
-  isSlash,
-  countDigitsUpToCursor,
-  findPositionAfterDigitCount,
-  calculateCursorPosition,
-  parseDateParts,
-  isValidDateRange,
-  formatDatePartsToDisplay,
-  formatDate,
-  isValidDateRangeOrder,
-  mergeObjectArrays,
-  LocalStoragePrefixVersion
-};

package/dist/chunk-UARCWLMD.js

@@ -1,66 +0,0 @@
-import {
-  Label
-} from "./chunk-4UGMSWWA.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-
-// src/components/ListGroup.tsx
-import { useState } from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ListGroup({
-  title,
-  defaultOpen = false,
-  open: controlledOpen,
-  onToggle,
-  testid,
-  disabled,
-  className,
-  children
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const isControlled = controlledOpen !== void 0;
-  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-  const toggle = () => {
-    if (disabled) return;
-    const next = !isOpen;
-    if (!isControlled) setUncontrolledOpen(next);
-    onToggle == null ? void 0 : onToggle(next);
-  };
-  return /* @__PURE__ */ jsx("div", { "data-testid": testid, className: clsx("rounded-sm", className), children: /* @__PURE__ */ jsxs(Stack, { sizing: "layout", noGap: true, children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: toggle,
-        className: clsx(
-          "w-full flex items-center justify-between text-left",
-          disabled && "opacity-50 cursor-not-allowed"
-        ),
-        "aria-expanded": isOpen,
-        children: [
-          /* @__PURE__ */ jsx(Label, { children: title }),
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "expand_more",
-              className: clsx(
-                "transition-transform duration-200",
-                isOpen ? "rotate-180" : "rotate-0"
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsx(Stack, { sizing: "layout", paddingTop: true, children })
-  ] }) });
-}
-
-export {
-  ListGroup
-};