@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-VXW4GOMO.cjs

@@ -0,0 +1,425 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+
+
+var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+
+
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+
+
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+
+
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+
+
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+
+
+var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+
+
+
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/Button.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _lodashes = require('lodash-es');
+
+
+
+
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var buttonKinds = [
+  "secondary",
+  "primary",
+  "ghost",
+  "transparent",
+  "green33",
+  "purple55",
+  "blue43",
+  "blue39",
+  "linkLight",
+  "danger",
+  "warning",
+  "tertiary",
+  "quaternary",
+  "roundSingleChar",
+  "roundIcon",
+  "gray",
+  "grayGradient"
+];
+function resolveBackgroundColorKey(theme, kind, defaultKey) {
+  var _a;
+  const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
+  let backgroundColorKey = defaultBackgroundColorKey;
+  if (!backgroundColorKey && _chunkXUEKQQJVcjs.isThemeOrColorKey.call(void 0, kind)) {
+    backgroundColorKey = kind;
+  }
+  const defaultBackgroundColor = theme.buttons[defaultKey];
+  const backgroundColor = _chunkXUEKQQJVcjs.getBackgroundColor.call(void 0, 
+    theme,
+    backgroundColorKey,
+    defaultBackgroundColor
+  );
+  return backgroundColor;
+}
+function resolveProp(prop, kind, defaultKey, theme) {
+  var _a;
+  return (
+    /** props may be unset for a given kind but theme defaults always exist,
+     * so this will always resolve a value: */
+    prop || ((_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.buttons[defaultKey]
+  );
+}
+function resolveProps(props, theme) {
+  const isSingleCharRoundButton = Boolean(
+    props.text && props.text.length === 1 && !props.icon
+  );
+  const isRoundIconButton = Boolean(!props.text && props.icon);
+  const defaultKind = isSingleCharRoundButton ? "roundSingleChar" : isRoundIconButton ? "roundIcon" : "secondary";
+  const _a = props, {
+    kind = defaultKind,
+    size: sizeProp,
+    paddingY: paddingYType = "regular",
+    borderRadius,
+    typography: typographyProp
+  } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, [
+    "kind",
+    "size",
+    "paddingY",
+    "borderRadius",
+    "typography"
+  ]);
+  const size = resolveProp(sizeProp, kind, "defaultSize", theme);
+  const defaultPaddingsY = resolveProp(null, kind, "defaultPaddingsY", theme);
+  const defaultPaddingY = defaultPaddingsY[size];
+  const defaultPaddingsX = resolveProp(null, kind, "defaultPaddingsX", theme);
+  const defaultPaddingX = defaultPaddingsX[size];
+  const backgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBackgroundColor"
+  );
+  const borderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultBorderColor"
+  );
+  const hoverBackgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBackgroundColor"
+  );
+  const hoverBorderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultHoverBorderColor"
+  );
+  const activeBackgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultActiveBackgroundColor"
+  );
+  const activeBorderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultActiveBorderColor"
+  );
+  const typography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || resolveProp(null, kind, "defaultTypographyType", theme),
+    color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
+    size
+  };
+  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
+    kind,
+    size,
+    typography,
+    paddingY: typeof defaultPaddingY === "number" ? defaultPaddingY : defaultPaddingY[paddingYType],
+    paddingX: defaultPaddingX,
+    borderRadius: kind === "roundSingleChar" || kind === "roundIcon" ? 999 : resolveProp(borderRadius, kind, "defaultBorderRadius", theme),
+    backgroundColor,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor
+  });
+}
+var Button = _react3.forwardRef.call(void 0, (props, ref) => {
+  const theme = _react.useTheme.call(void 0, );
+  const {
+    kind,
+    typography,
+    size,
+    paddingX,
+    paddingY,
+    text,
+    to,
+    id,
+    hash,
+    externalLink,
+    filename,
+    toParams,
+    onClick,
+    onMouseEnter,
+    onMouseDown,
+    onMouseUp,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    icon,
+    backgroundColor,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor,
+    iconSide = "left",
+    loading = false,
+    loadingKind = "primary",
+    fullWidth = false,
+    disabled = false,
+    mt = 0,
+    ml = 0,
+    type = "button",
+    newTab = false,
+    zIndex = void 0,
+    tooltipText,
+    borderRadius
+  } = resolveProps(props, theme);
+  const tooltipId = _react3.useRef.call(void 0, _lodashes.uniqueId.call(void 0, ));
+  const defaultIconWidth = size === "ExtraSmall" ? 12 : 16;
+  let currentIcon = null;
+  if (loading) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        paddingX,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+      }
+    );
+  } else if (icon) {
+    currentIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonIcon,
+      {
+        iconSide,
+        text,
+        typography,
+        kind,
+        paddingX,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk4N5EXQIScjs.Icon,
+          _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
+            width: icon.width || defaultIconWidth,
+            square: true,
+            color: typography.color
+          })
+        )
+      }
+    );
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
+        css: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "8px"
+        },
+        children: [
+          iconSide === "left" && currentIcon,
+          text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              css: {
+                textOverflow: "ellipsis",
+                overflow: "hidden"
+              },
+              children: _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
+                children: text,
+                color: typography.color,
+                size
+              })
+            }
+          ),
+          iconSide === "right" && currentIcon
+        ]
+      })
+    ),
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+  ] });
+  const commonProps = {
+    id,
+    kind,
+    type,
+    typography,
+    onClick,
+    onMouseEnter,
+    onMouseDown,
+    onMouseUp,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    fullWidth,
+    iconSide,
+    paddingX,
+    paddingY,
+    backgroundColor,
+    borderColor,
+    hoverBackgroundColor,
+    hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor,
+    isLoading: loading,
+    disabled: disabled || loading,
+    css: {
+      marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
+      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
+    },
+    newTab,
+    borderRadius,
+    zIndex
+  };
+  if (to) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ButtonLink,
+      _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), {
+        to,
+        params: toParams,
+        hash,
+        ref,
+        children: content
+      })
+    );
+  }
+  return externalLink ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ButtonHrefLink,
+    _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), {
+      href: externalLink,
+      download: filename,
+      target: "_blank",
+      ref,
+      children: content
+    })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { ref, children: content }));
+});
+Button.displayName = "Button";
+var buttonStyle = ({
+  paddingX,
+  paddingY,
+  kind,
+  theme,
+  disabled,
+  isLoading,
+  typography,
+  fullWidth,
+  zIndex,
+  iconSide,
+  borderColor: borderColorProp,
+  borderRadius,
+  backgroundColor,
+  hoverBackgroundColor,
+  hoverBorderColor,
+  activeBackgroundColor,
+  activeBorderColor
+}) => {
+  const borderColor = borderColorProp || backgroundColor;
+  return _react.css`
+    display: inline-flex;
+    opacity: ${disabled && !isLoading ? 0.2 : 1};
+    transition: opacity 0.2s;
+    position: relative;
+
+    ${zIndex && `z-index: ${zIndex};`}
+
+    ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+    theme,
+    typography.type,
+    typography.size,
+    typography.color
+  )}
+
+    &:focus-visible {
+      outline: ${_chunkU35SY546cjs.getFocusOutline.call(void 0, { theme })};
+      /* Slightly different offset for buttons so the outline is visible: */
+      outline-offset: 0px;
+    }
+
+    width: ${fullWidth ? "100%" : "fit-content"};
+
+    & > * {
+      width: 100%;
+      text-align: center;
+      white-space: nowrap;
+      background-color: ${backgroundColor};
+      box-sizing: content-box;
+      border: 1px solid;
+      border-color: ${borderColor};
+      border-radius: ${typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius};
+      padding: ${paddingY}px ${paddingX}px;
+      transition:
+        background-color 0.2s ease-out,
+        border-color 0.2s ease-out;
+
+      &:hover {
+        background-color: ${hoverBackgroundColor};
+        border-color: ${hoverBorderColor};
+      }
+
+      &:active {
+        background-color: ${activeBackgroundColor};
+        border-color: ${activeBorderColor};
+      }
+    }
+  `;
+};
+var ButtonIcon = _styled2.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
+`;
+var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+});
+var StyledButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonHrefLink = _styled2.default.a`
+  ${(props) => buttonStyle(props)}
+`;
+var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4SAHQcjs.select.call(void 0, StyledButton)}, ${_chunk6VA4SAHQcjs.select.call(void 0, ButtonLink)}, ${_chunk6VA4SAHQcjs.select.call(void 0, 
+  ButtonHrefLink
+)})${append}`;
+
+
+
+
+
+
+exports.buttonKinds = buttonKinds; exports.Button = Button; exports.StyledButton = StyledButton; exports.ButtonSelector = ButtonSelector;

package/dist/chunk-VZGUQ467.js

@@ -0,0 +1,32 @@
+// src/icons/central/CircleQuestionmarkFilled.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function CircleQuestionmarkFilled({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12.2374 8.41947C11.4455 8.37312 10.7008 8.76919 10.4615 9.48717C10.3305 9.88013 9.90579 10.0925 9.51283 9.96151C9.11987 9.83053 8.9075 9.40579 9.03849 9.01283C9.54916 7.48081 11.0545 6.84766 12.3251 6.92203C12.9724 6.95992 13.6313 7.17965 14.1421 7.62008C14.6688 8.07424 15 8.73335 15 9.54132C15 10.7022 14.2151 11.3895 13.6993 11.8411C13.6725 11.8646 13.6464 11.8874 13.6211 11.9097C13.0366 12.4253 12.75 12.7318 12.75 13.25C12.75 13.6642 12.4142 14 12 14C11.5858 14 11.25 13.6642 11.25 13.25C11.25 12.0002 12.0615 11.2849 12.6024 10.8081C12.6113 10.8003 12.6201 10.7925 12.6289 10.7848C13.2438 10.2424 13.5 9.97944 13.5 9.54132C13.5 9.17441 13.3624 8.92841 13.1626 8.75609C12.9468 8.57005 12.6213 8.44194 12.2374 8.41947ZM11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z",
+          fill: "currentColor",
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  CircleQuestionmarkFilled
+};

package/dist/chunk-W4YBOFPU.js

@@ -0,0 +1,56 @@
+// src/icons/central/ShapesPlusXSquareCircleFill.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ShapesPlusXSquareCircleFill({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7 3C7.55228 3 8 3.44772 8 4V6H10C10.5523 6 11 6.44772 11 7C11 7.55228 10.5523 8 10 8H8V10C8 10.5523 7.55228 11 7 11C6.44772 11 6 10.5523 6 10V8H4C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H6V4C6 3.44772 6.44772 3 7 3Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17 3C14.7909 3 13 4.79086 13 7C13 9.20914 14.7909 11 17 11C19.2091 11 21 9.20914 21 7C21 4.79086 19.2091 3 17 3Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.8287 15.5854C20.2193 15.1949 20.2193 14.5617 19.8287 14.1712C19.4382 13.7807 18.805 13.7807 18.4145 14.1712L17.0003 15.5854L15.5861 14.1712C15.1956 13.7807 14.5624 13.7807 14.1719 14.1712C13.7813 14.5617 13.7813 15.1949 14.1719 15.5854L15.5861 16.9996L14.1719 18.4138C13.7813 18.8044 13.7813 19.4375 14.1719 19.8281C14.5624 20.2186 15.1956 20.2186 15.5861 19.8281L17.0003 18.4138L18.4145 19.8281C18.805 20.2186 19.4382 20.2186 19.8287 19.8281C20.2193 19.4375 20.2193 18.8044 19.8287 18.4138L18.4145 16.9996L19.8287 15.5854Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4 13C3.44772 13 3 13.4477 3 14V20C3 20.5523 3.44772 21 4 21H10C10.5523 21 11 20.5523 11 20V14C11 13.4477 10.5523 13 10 13H4Z",
+            fill: "currentColor",
+            vectorEffect: "non-scaling-stroke"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ShapesPlusXSquareCircleFill
+};

package/dist/chunk-WAGTMEWB.js

@@ -0,0 +1,154 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray75: "#BFBFBF",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray91: "#171717",
+  gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
+  gray99: "#EDEEF1",
+  white: "#FFFFFF"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var baseColors = __spreadProps(__spreadValues({}, neutral), {
+  // green
+  success: "#17C27C",
+  green: "#46ac4a",
+  green33: "#179257",
+  green35: "#19981E",
+  // blue
+  blue10: "#E4EFFB",
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
+  blue50: "#2483D1",
+  blue58: "#28BFFF",
+  // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
+  grayBlue9: "#16171A",
+  grayBlue10: "#14161D",
+  grayBlue12: "#2D2E34",
+  grayBlue14: "#3A3B41",
+  grayBlue18: "#21283a",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
+  grayBlue67: "#9BA7B9",
+  grayBlue69: "#A6A9BA",
+  grayBlue78: "#C0C6CE",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue92: "#E1EBF5",
+  grayBlue93: "#E6EEF6",
+  grayBlue94: "#EBEEF2",
+  grayBlue95: "#F2F3F5",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red50: "#E31A1A",
+  red42a10: "#D800271A",
+  red42a20: "#D800272D",
+  red42a30: "#D800273F",
+  errorText: "#E41C1B",
+  errorBackground: "#FEE2E1",
+  // yellow
+  primary,
+  warning: primary,
+  warningText: "#BB6B01",
+  warningBackground: "#FBEECB",
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black,
+  gray: "#242526",
+  gray2: "#6D7685",
+  gray3: "#D9DBDF",
+  gray4: "#B6BAC3",
+  gray6: "#8E95A2",
+  // transparent
+  transparent: "transparent",
+  transparenta02: "#00000005",
+  transparenta08: "#00000014"
+});
+var colors = baseColors;
+function isColorKey(key) {
+  return key in colors;
+}
+function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB) return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function componentToHex(c) {
+  const hex = c.toString(16);
+  return hex.length === 1 ? "0" + hex : hex;
+}
+function rgbToHex(r, g, b) {
+  return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
+function hexToRGBAStr(hex, alpha) {
+  const rgb = hexToRGB(hex);
+  return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
+}
+
+export {
+  darkGradient,
+  colors,
+  isColorKey,
+  hcNeutralFromBg,
+  luminance,
+  contrast,
+  componentToHex,
+  rgbToHex,
+  hexToRGB,
+  hexToRGBAStr
+};

package/dist/chunk-WBWKMCL3.js

@@ -0,0 +1,33 @@
+// src/icons/central/ArrowBoxRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowBoxRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14.75 3.75H19.25C19.8023 3.75 20.25 4.19772 20.25 4.75V19.25C20.25 19.8023 19.8023 20.25 19.25 20.25H14.75M15 12H3.75M15 12L11.5 15.5M15 12L11.5 8.5",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowBoxRight
+};