@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-EA6Y4HXQ.js

@@ -1,112 +0,0 @@
-import {
-  InputBase
-} from "./chunk-PABII472.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Select.tsx
-import { useRef, useState } from "react";
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Select = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    label,
-    error,
-    children,
-    readOnly,
-    renderMenu,
-    onClick,
-    className,
-    wrapperClassName,
-    removeRoundness,
-    displayValue,
-    value
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "label",
-    "error",
-    "children",
-    "readOnly",
-    "renderMenu",
-    "onClick",
-    "className",
-    "wrapperClassName",
-    "removeRoundness",
-    "displayValue",
-    "value"
-  ]);
-  var _a2;
-  const inputRef = useRef(null);
-  const inputContainerRef = useRef(null);
-  const [show, setShow] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      InputBase,
-      __spreadProps(__spreadValues({
-        id,
-        testid,
-        inputContainerRef,
-        ref: inputRef,
-        label,
-        after: !readOnly && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              props.disabled ? "text-icon-action-primary-disabled" : "text-icon-action-primary-normal",
-              "contents"
-            ),
-            children: /* @__PURE__ */ jsx(Icon, { name: "keyboard_arrow_down" })
-          }
-        ),
-        maxLength: 0,
-        className: clsx("!caret-transparent !cursor-default", className),
-        wrapperClassName,
-        onKeyDown: (e) => {
-          const openKeys = ["Enter", "Space", " "];
-          if (openKeys.includes(e.key)) {
-            e.preventDefault();
-            e.target.click();
-          }
-        },
-        onClick: (e) => {
-          if (props.disabled || readOnly) {
-            return;
-          }
-          setShow(!show);
-          onClick == null ? void 0 : onClick(e);
-        },
-        error,
-        readOnly,
-        removeRoundness,
-        focus: show,
-        onChange: (e) => {
-          var _a3;
-          return (_a3 = props.onChange) == null ? void 0 : _a3.call(props, e);
-        }
-      }, props), {
-        value: (_a2 = displayValue != null ? displayValue : value) != null ? _a2 : props.onChange ? "" : void 0
-      })
-    ),
-    renderMenu ? renderMenu({
-      id: id ? `${id}-menu` : void 0,
-      positionTo: inputContainerRef,
-      show,
-      setShow,
-      topOffset: props.caption ? -16 : null
-    }) : children
-  ] });
-};
-Select.displayName = "Select";
-
-export {
-  Select
-};

package/dist/chunk-EWGHVZL5.js

@@ -1,27 +0,0 @@
-// src/components/Theme.tsx
-import { jsx } from "react/jsx-runtime";
-function Theme({
-  theme,
-  children,
-  id,
-  testid,
-  ref
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: "contents",
-      "data-theme": theme,
-      ref: (e) => {
-        if (ref) ref.current = e;
-      },
-      children
-    }
-  );
-}
-
-export {
-  Theme
-};

package/dist/chunk-F4VE3THQ.js

@@ -1,71 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Card.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-function Card(props) {
-  const _a = props, {
-    children,
-    selected,
-    testid,
-    padding,
-    paddingX,
-    paddingY,
-    paddingBottom,
-    paddingTop,
-    paddingLeft,
-    paddingRight,
-    elevation = 4
-  } = _a, rest = __objRest(_a, [
-    "children",
-    "selected",
-    "testid",
-    "padding",
-    "paddingX",
-    "paddingY",
-    "paddingBottom",
-    "paddingTop",
-    "paddingLeft",
-    "paddingRight",
-    "elevation"
-  ]);
-  const CardComponent = props.as || "div";
-  const anyPaddingPropSpecified = padding !== void 0 || paddingX !== void 0 || paddingY !== void 0 || paddingBottom !== void 0 || paddingTop !== void 0 || paddingLeft !== void 0 || paddingRight !== void 0;
-  const paddingClasses = clsx(
-    // Backward compatibility: if no new padding props provided keep existing class.
-    !anyPaddingPropSpecified && "p-desktop-layout-padding",
-    // New responsive spacing tokens (mirrors Stack for layout sizing)
-    padding && "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
-    paddingX && "px-mobile-layout-padding desktop:px-desktop-layout-padding compact:px-desktop-compact-layout-padding",
-    paddingY && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
-    paddingBottom && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
-    paddingTop && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
-    paddingLeft && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
-    paddingRight && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding"
-  );
-  return /* @__PURE__ */ jsx(
-    CardComponent,
-    __spreadProps(__spreadValues({}, rest), {
-      "data-testid": testid,
-      className: clsx(
-        "rounded-sm",
-        paddingClasses,
-        selected ? "border-2 border-border-primary-focus" : "border border-border-primary-normal",
-        elevation === 0 && "shadow-none",
-        elevation === 2 && "shadow-2",
-        elevation === 4 && "shadow-4",
-        elevation === 16 && "shadow-16",
-        rest.className
-      ),
-      children
-    })
-  );
-}
-
-export {
-  Card
-};

package/dist/chunk-G242RHWI.js

@@ -1,139 +0,0 @@
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  baseTransition,
-  componentGap
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Radio.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Radio = (_a) => {
-  var _b = _a, {
-    className,
-    label,
-    error,
-    disabled,
-    checked,
-    readOnly,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "label",
-    "error",
-    "disabled",
-    "checked",
-    "readOnly",
-    "id",
-    "testid"
-  ]);
-  const radioId = id;
-  const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
-  const defaultClassName = clsx(
-    !error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
-  );
-  const errorClassName = clsx(
-    error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
-  );
-  const disabledClassName = clsx(
-    disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
-  );
-  const readonlyClassName = clsx(
-    readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
-  );
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor: radioId,
-      "data-testid": testid,
-      className: clsx(
-        "flex items-center",
-        componentGap,
-        disabled ? "cursor-default" : "cursor-pointer",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            __spreadValues({
-              id: radioId,
-              "data-testid": testid ? `${testid}-input` : void 0,
-              type: "radio",
-              className: "sr-only peer",
-              disabled,
-              checked,
-              readOnly
-            }, props)
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "size-6 rounded-full border flex items-center justify-center",
-                baseTransition,
-                defaultClassName,
-                errorClassName,
-                disabledClassName,
-                readonlyClassName
-              ),
-              children: checked && /* @__PURE__ */ jsx(
-                RadioIcon,
-                {
-                  className: clsx(
-                    "transition-colors",
-                    !error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
-                    error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
-                    disabled && "text-icon-on-action-secondary-disabled",
-                    readOnly && "text-icon-on-action-secondary-disabled"
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        label && /* @__PURE__ */ jsx(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
-      ]
-    }
-  );
-};
-Radio.displayName = "Radio";
-var RadioIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: "1",
-            y: "1",
-            width: "22",
-            height: "22",
-            rx: "11",
-            stroke: "currentColor",
-            strokeWidth: "2"
-          }
-        ),
-        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
-      ]
-    }
-  );
-};
-RadioIcon.displayName = "RadioIcon";
-
-export {
-  Radio
-};

package/dist/chunk-GOGNV5TF.js

@@ -1,68 +0,0 @@
-import {
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Heading.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var Heading = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as,
-    color,
-    align,
-    variant = "heading1",
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "color",
-    "align",
-    "variant",
-    "id",
-    "testid"
-  ]);
-  const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
-  const Element = as != null ? as : defaultElement;
-  return /* @__PURE__ */ jsx(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: clsx(
-        typography[variant],
-        className,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right"
-      ),
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      })
-    }, props), {
-      children
-    })
-  );
-};
-Heading.displayName = "Heading";
-var Heading1 = (props) => /* @__PURE__ */ jsx(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading1" }));
-var Heading2 = (props) => /* @__PURE__ */ jsx(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading2" }));
-var Heading3 = (props) => /* @__PURE__ */ jsx(Heading, __spreadProps(__spreadValues({}, props), { variant: "heading3" }));
-Heading1.displayName = "Heading1";
-Heading2.displayName = "Heading2";
-Heading3.displayName = "Heading3";
-
-export {
-  Heading,
-  Heading1,
-  Heading2,
-  Heading3
-};

package/dist/chunk-GYT5CL7R.js

@@ -1,159 +0,0 @@
-import {
-  Subheader
-} from "./chunk-7Z3WINQ3.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  paddingUsingComponentGap
-} from "./chunk-SATCWGO7.js";
-
-// src/components/Pagination.tsx
-import { useCallback, useMemo } from "react";
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Pagination = ({
-  totalPages,
-  currentPage,
-  onPageChange,
-  id,
-  testid,
-  className,
-  disabled
-}) => {
-  const goTo = useCallback(
-    (page) => {
-      if (disabled) return;
-      onPageChange(page);
-    },
-    [onPageChange, disabled]
-  );
-  const handleKey = (e) => {
-    if (disabled) return;
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      goTo(currentPage - 1);
-    } else if (e.key === "ArrowRight") {
-      e.preventDefault();
-      goTo(currentPage + 1);
-    }
-  };
-  const pageTokens = useMemo(() => {
-    if (totalPages <= 5) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    const pages = /* @__PURE__ */ new Set();
-    pages.add(1);
-    pages.add(totalPages);
-    if (currentPage <= 3) {
-      pages.add(2);
-      pages.add(3);
-      pages.add(4);
-    } else if (currentPage >= totalPages - 2) {
-      pages.add(totalPages - 1);
-      pages.add(totalPages - 2);
-      pages.add(totalPages - 3);
-    } else {
-      pages.add(currentPage - 1);
-      pages.add(currentPage);
-      pages.add(currentPage + 1);
-    }
-    const sorted = Array.from(pages).sort((a, b) => a - b);
-    const tokens = [];
-    for (let i = 0; i < sorted.length; i++) {
-      const value = sorted[i];
-      const prev = sorted[i - 1];
-      if (i > 0) {
-        if (value - prev === 2) {
-          tokens.push(prev + 1);
-        } else if (value - prev > 2) {
-          tokens.push("ellipsis");
-        }
-      }
-      tokens.push(value);
-    }
-    return tokens;
-  }, [totalPages, currentPage]);
-  if (totalPages <= 1) return null;
-  const buttonClass = clsx(
-    "cursor-pointer disabled:cursor-default",
-    paddingUsingComponentGap,
-    "w-8 h-8",
-    "flex items-center justify-center",
-    "bg-transparent",
-    "box-content",
-    "hover:bg-background-grouped-secondary-normal",
-    "focus:bg-background-grouped-secondary-normal focus:outline-0",
-    "disabled:bg-transparent disabled:text-text-action-primary-disabled"
-  );
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      id,
-      "data-testid": testid,
-      "aria-label": "Pagination",
-      onKeyDown: handleKey,
-      className: clsx(
-        "flex items-center",
-        "border border-border-primary-normal",
-        "bg-background-grouped-primary-normal",
-        "rounded-sm",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            disabled: disabled || currentPage <= 1,
-            "aria-label": "Previous page",
-            onClick: () => goTo(currentPage - 1),
-            className: clsx(buttonClass, "border-r-1 border-border-primary-normal"),
-            children: /* @__PURE__ */ jsx(Icon, { name: "keyboard_arrow_left" })
-          }
-        ),
-        /* @__PURE__ */ jsx("ul", { className: clsx("flex items-center"), children: pageTokens.map((token, index) => {
-          if (token === "ellipsis") {
-            return /* @__PURE__ */ jsx(
-              "li",
-              {
-                className: "w-8 h-8 select-none text-text-action-primary-disabled",
-                children: "\u2026"
-              },
-              `ellipsis-${index}`
-            );
-          }
-          const selected = token === currentPage;
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": `Page ${token}`,
-              "aria-current": selected ? "page" : void 0,
-              disabled,
-              onClick: () => goTo(token),
-              className: clsx(
-                buttonClass,
-                selected && "border-x-1 bg-background-grouped-secondary-normal border-border-primary-normal"
-              ),
-              children: /* @__PURE__ */ jsx(Subheader, { align: "center", weight: "bold", children: token })
-            }
-          ) }, token);
-        }) }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            disabled: disabled || currentPage >= totalPages,
-            "aria-label": "Next page",
-            onClick: () => goTo(currentPage + 1),
-            className: clsx(buttonClass, "border-l-1 border-border-primary-normal"),
-            children: /* @__PURE__ */ jsx(Icon, { name: "keyboard_arrow_right" })
-          }
-        )
-      ]
-    }
-  );
-};
-Pagination.displayName = "Pagination";
-
-export {
-  Pagination
-};