@dmsi/wedgekit-react 0.0.4

package/dist/chunk-4M7CJVTZ.js

@@ -0,0 +1,136 @@
+import {
+  baseTransition,
+  componentGap,
+  componentPaddingMinus2pxBorder,
+  componentPaddingXUsingComponentGap,
+  paddingUsingComponentGap,
+  typography
+} from "./chunk-6XDXJ3Z3.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+
+// src/components/Button.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = (_a) => {
+  var _b = _a, {
+    variant = "primary",
+    as = "button",
+    block,
+    leftIcon,
+    rightIcon,
+    className,
+    classNameLabel,
+    disabled = false,
+    children,
+    iconOnly = false
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "as",
+    "block",
+    "leftIcon",
+    "rightIcon",
+    "className",
+    "classNameLabel",
+    "disabled",
+    "children",
+    "iconOnly"
+  ]);
+  const primaryVariantStyles = variant === "primary" && clsx(
+    "bg-background-action-primary-normal border-background-action-primary-normal text-text-on-action-primary-normal",
+    "hover:bg-background-action-primary-hover hover:border-background-action-primary-hover",
+    "focus:bg-background-action-primary-hover focus:border-background-action-primary-hover focus:outline-0",
+    "active:bg-background-action-primary-active active:border-background-action-primary-active",
+    "disabled:bg-background-action-primary-disabled disabled:border-background-action-primary-disabled disabled:text-text-on-action-primary-disabled"
+  );
+  const secondaryVariantStyles = variant === "secondary" && clsx(
+    "bg-background-action-secondary-normal border-border-action-normal text-text-action-primary-normal",
+    "hover:bg-background-action-secondary-hover hover:border-border-action-hover hover:text-text-action-primary-hover",
+    "focus:bg-background-action-secondary-hover focus:border-border-action-hover focus:text-text-action-primary-hover focus:outline-0",
+    "active:bg-background-action-secondary-active active:border-border-action-active active:text-text-action-primary-active",
+    "disabled:bg-background-action-primary-disabled disabled:border-border-action-disabled disabled:text-text-action-primary-disabled"
+  );
+  const tertiaryVariantStyles = variant === "tertiary" && clsx(
+    "bg-transparent border-transparent",
+    iconOnly ? "text-icon-action-primary-normal" : "text-text-action-primary-normal",
+    "hover:bg-background-action-secondary-hover hover:border-background-action-secondary-hover hover:text-text-action-primary-hover",
+    "focus:bg-background-action-secondary-hover focus:border-background-action-secondary-hover focus:text-text-action-primary-hover focus:outline-0",
+    "active:bg-background-action-secondary-active active:border-transparent active:text-text-action-primary-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-primary-disabled"
+  );
+  const primaryCriticalVariantStyles = variant === "primary-critical" && clsx(
+    "bg-background-action-critical-primary-normal border-background-action-critical-primary-normal text-text-on-action-primary-normal",
+    "hover:bg-background-action-critical-primary-hover hover:border-background-action-critical-primary-hover",
+    "focus:bg-background-action-critical-primary-hover focus:border-background-action-critical-primary-hover focus:outline-0",
+    "active:bg-background-action-critical-primary-active active:border-background-action-critical-primary-active",
+    "disabled:bg-background-action-critical-primary-disabled disabled:border-background-action-critical-primary-disabled disabled:text-text-on-action-primary-disabled"
+  );
+  const secondaryCriticalVariantStyles = variant === "secondary-critical" && clsx(
+    "bg-background-action-critical-secondary-normal border-border-action-critical-normal text-text-action-critical-normal",
+    "hover:bg-background-action-critical-secondary-hover hover:border-border-action-critical-hover hover:text-text-action-critical-hover",
+    "focus:bg-background-action-critical-secondary-hover focus:border-border-action-critical-hover focus:text-text-action-critical-hover focus:outline-0",
+    "active:bg-background-action-critical-secondary-active active:border-border-action-critical-active active:text-text-action-critical-active",
+    "disabled:bg-background-action-critical-disabled disabled:border-border-action-critical-disabled disabled:text-text-action-critical-disabled"
+  );
+  const tertiaryCriticalVariantStyles = variant === "tertiary-critical" && clsx(
+    "bg-transparent border-transparent text-text-action-critical-normal",
+    "hover:bg-background-action-critical-secondary-hover hover:border-background-action-critical-secondary-hover hover:text-text-action-critical-hover",
+    "focus:bg-background-action-critical-secondary-hover focus:border-background-action-critical-secondary-hover focus:text-text-action-critical-hover focus:outline-0",
+    "active:bg-background-action-critical-secondary-active active:border-background-action-critical-secondary-active active:text-text-action-critical-active",
+    "disabled:bg-transparent disabled:border-transparent disabled:text-text-action-critical-disabled"
+  );
+  const navigationVarianStyles = variant === "navigation" && clsx(
+    "bg-transparent text-text-on-action-primary-normal",
+    "hover:bg-background-on-action-secondary-hover hover:text-text-on-action-primary-hover",
+    "focus:bg-background-on-action-secondary-hover focus:text-text-on-action-primary-hover focus:outline-0",
+    "active:bg-background-on-action-secondary-active active:text-text-on-action-primary-active",
+    "disabled:bg-transparent disabled:text-text-on-action-primary-disabled",
+    "flex-col",
+    paddingUsingComponentGap
+  );
+  const notNavigationVariantStyles = variant !== "navigation" && clsx("border-2 flex-row", componentPaddingMinus2pxBorder, componentGap);
+  const buttonClasses = clsx(
+    disabled ? "cursor-default" : "cursor-pointer",
+    block ? "w-full" : "w-fit",
+    baseTransition,
+    "rounded-sm whitespace-nowrap inline-flex items-center justify-center group/btn",
+    primaryVariantStyles,
+    secondaryVariantStyles,
+    tertiaryVariantStyles,
+    primaryCriticalVariantStyles,
+    secondaryCriticalVariantStyles,
+    tertiaryCriticalVariantStyles,
+    navigationVarianStyles,
+    notNavigationVariantStyles,
+    className
+  );
+  const labelClasses = clsx(
+    "min-h-6 flex items-center justify-center",
+    classNameLabel,
+    componentPaddingXUsingComponentGap,
+    typography.buttonLabel
+  );
+  const Element = as;
+  return /* @__PURE__ */ jsxs(
+    Element,
+    __spreadProps(__spreadValues({
+      type: "button",
+      className: buttonClasses
+    }, props), {
+      disabled,
+      children: [
+        leftIcon && leftIcon,
+        !iconOnly && children && /* @__PURE__ */ jsx("span", { className: labelClasses, children }),
+        rightIcon && rightIcon
+      ]
+    })
+  );
+};
+Button.displayName = "Button";
+
+export {
+  Button
+};

package/dist/chunk-4NZBVXM3.js

@@ -0,0 +1,53 @@
+import {
+  typography
+} from "./chunk-LJ2W2FEG.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+
+// src/components/Subheader.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Subheader = (_a) => {
+  var _b = _a, {
+    className,
+    children,
+    as = "span",
+    align,
+    color,
+    tall
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "as",
+    "align",
+    "color",
+    "tall"
+  ]);
+  const Element = as;
+  return /* @__PURE__ */ jsx(
+    Element,
+    __spreadProps(__spreadValues({
+      className: clsx(
+        typography.subheader,
+        className,
+        align === "left" && "text-left",
+        align === "center" && "text-center",
+        align === "right" && "text-right",
+        tall && "!leading-6"
+      ),
+      style: __spreadProps(__spreadValues({}, props.style), {
+        color: color ? `var(--color-${color})` : void 0
+      })
+    }, props), {
+      children
+    })
+  );
+};
+Subheader.displayName = "Subheader";
+
+export {
+  Subheader
+};

package/dist/chunk-4RD5ZF2V.js

@@ -0,0 +1,55 @@
+// src/components/LogoDMSiTopBar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function LogoDMSiTopBar() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "106",
+      height: "24",
+      viewBox: "0 0 106 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.32182 5.86849H21.4356C23.2074 5.86849 24.3938 5.79786 25.426 7.25511C26.3235 8.60827 26.5931 9.79786 26.3851 11.4335C26.1771 13.0692 25.7342 14.2291 24.6672 15.6529C24.1742 16.3295 23.5541 16.8648 22.803 17.2551C21.7823 17.7533 21.1275 17.6826 20.0952 17.6826H7.87355V17.638L7.18024 23.2588H19.945C23.4501 23.2588 26.8242 22.5228 29.6553 19.9949C32.2745 17.6826 33.819 14.8127 34.2235 11.612C34.6664 8.125 33.8152 5.72351 31.4695 3.30344C29.0621 0.775554 26.0539 0.362915 22.4024 0.362915H10.0074L9.32182 5.92797V5.86849Z",
+            fill: "#55585A"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M44.8888 0.960416L44.5229 3.92324L44.6115 3.64071C46.1021 1.46599 48.4517 0.618408 51.0516 0.618408C53.7787 0.618408 55.5312 1.62213 56.5828 3.91952C58.4008 1.53662 60.7273 0.618408 63.6277 0.618408C65.4881 0.618408 67.1289 1.16116 68.2613 2.45856C69.6595 4.04592 69.3937 6.13514 69.1087 8.39164L67.1828 23.2355H59.7451L61.5207 9.28012C61.6979 7.90094 61.6787 6.35447 59.6873 6.35447C57.2607 6.35447 56.7831 8.52919 56.5635 10.2392L54.9111 23.2318H47.3771L49.1527 9.2764C49.3222 7.93811 49.1643 6.22436 47.3 6.22436C45.2663 6.22436 44.6153 7.68904 44.4112 9.2764L42.6355 23.2318H34.5199L37.3817 0.960416H44.8888Z",
+            fill: "#55585A"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M96.5979 0.336548L95.8699 6.39231H102.649L95.4501 9.54101L93.6821 23.2734H102.429L105.349 0.336548H96.5979Z",
+            fill: "#55585A"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M90.2045 10.4126C88.529 9.34573 85.7827 9.04833 83.7837 8.79182C83.0903 8.70632 82.3084 8.49814 81.5804 8.29368C81.3031 8.23792 81.045 8.16729 80.8062 8.07807C80.7176 8.05204 80.6175 8.02231 80.5328 8C80.3363 7.95539 80.1206 7.81041 79.928 7.61338C79.5275 7.30855 79.2886 6.94424 79.2886 6.54647C79.2886 6.35688 79.358 6.17844 79.4581 6.00372C79.4697 5.98513 79.4774 5.97026 79.4889 5.95167C79.9666 5.20446 81.2993 4.66543 82.8862 4.66543C84.8005 4.66543 86.3566 5.44981 86.4645 6.43866H93.9138C92.9316 2.34572 88.2517 0 84.0071 0C81.488 0 78.2949 0.342007 75.9184 1.66171C73.6343 2.94052 71.9973 4.66914 71.6814 7.14126C70.9419 12.9405 76.369 14.026 81.0181 14.6654C81.2762 14.6952 81.7807 14.8141 82.3315 15.0037C83.7721 15.2974 84.7928 16.026 84.7928 16.8848C84.7928 17.8773 83.4254 18.6989 81.6267 18.8699C81.4187 18.9145 81.2338 18.9368 81.0913 18.9368C79.9434 18.9368 79.1615 18.8625 78.5876 18.487C77.8635 18.197 77.3358 17.777 77.1471 17.29H69.3395C70.3795 22.3234 75.0132 24 79.7085 24C84.789 24 91.8492 22.2491 92.6157 16.2342C92.8546 14.3494 92.1844 11.7286 90.2123 10.4089L90.2045 10.4126Z",
+            fill: "#55585A"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.03227 9.54944H16.0773L0 16.9175L1.03227 9.54944Z",
+            fill: "#DF4405"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  LogoDMSiTopBar
+};

package/dist/chunk-4RJKB7LC.js

@@ -0,0 +1,14 @@
+// src/components/useMounted.tsx
+import { useEffect, useState } from "react";
+var useMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+    return () => setIsMounted(false);
+  }, []);
+  return isMounted;
+};
+
+export {
+  useMounted
+};

package/dist/chunk-4S4WZ3MQ.js

@@ -0,0 +1,103 @@
+import {
+  InputBase
+} from "./chunk-H3INEB6H.js";
+import {
+  Icon
+} from "./chunk-5K3U4IUW.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-ORMEWXMH.js";
+
+// src/components/Select.tsx
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Select = (_a) => {
+  var _b = _a, {
+    label,
+    error,
+    children,
+    readOnly,
+    renderMenu,
+    onClick,
+    className,
+    wrapperClassName,
+    removeRoundness
+  } = _b, props = __objRest(_b, [
+    "label",
+    "error",
+    "children",
+    "readOnly",
+    "renderMenu",
+    "onClick",
+    "className",
+    "wrapperClassName",
+    "removeRoundness"
+  ]);
+  const inputRef = useRef(null);
+  const inputContainerRef = useRef(null);
+  const preventFocusOnInitialRender = useRef(true);
+  const [show, setShow] = useState(false);
+  useEffect(() => {
+    var _a2;
+    if (preventFocusOnInitialRender.current) {
+      preventFocusOnInitialRender.current = false;
+      return;
+    }
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  }, [props.value]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      InputBase,
+      __spreadValues({
+        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.target.click();
+          }
+        },
+        onClick: (e) => {
+          if (props.disabled || readOnly) {
+            return;
+          }
+          setShow(!show);
+          onClick == null ? void 0 : onClick(e);
+        },
+        error,
+        readOnly,
+        removeRoundness
+      }, props)
+    ),
+    renderMenu ? renderMenu({
+      positionTo: inputContainerRef,
+      show,
+      setShow
+    }) : children
+  ] });
+};
+Select.displayName = "Select";
+
+export {
+  Select
+};