@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-JIUGPX3A.cjs

@@ -0,0 +1,96 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+
+// src/components/CodeInput/SingleCodeInput.tsx
+var _react = require('@emotion/react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultWidth = "42px";
+var vPadding = 15;
+function SingleCodeInput({
+  id,
+  maxLength,
+  onChange = () => {
+  },
+  value,
+  inputRef = null,
+  onKeyUp = () => {
+  },
+  onKeyDown = () => {
+  },
+  onPaste = () => {
+  },
+  type,
+  max,
+  cssProp,
+  ariaLabel,
+  disabled,
+  onBlur,
+  width = defaultWidth
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  const defaultCSS = _react.css.call(void 0, 
+    `
+      ${_chunk6N7XRYZDcjs.textInputStyle.call(void 0, {
+      theme,
+      disabled: Boolean(disabled),
+      hasError: false,
+      borderRadius: 8
+    }).styles}
+      width: ${width};
+      max-width: ${defaultWidth};
+      padding: ${vPadding}px 0px;
+      text-align: center;
+      &:not(:last-of-type):not(:focus-visible) {
+        border-right: none;
+      }
+      &:not(:first-of-type):not(:last-of-type) {
+        border-radius: 0;
+      }
+      &:first-of-type {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+      &:last-of-type {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+      &:focus,
+      &:active {
+        padding: ${vPadding - 1}px 0px !important;
+      }
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+        margin: 0;
+      }
+      -moz-appearance:textfield; /* Firefox */
+    `,
+    cssProp
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      id,
+      maxLength,
+      onChange: (event) => onChange(event, id),
+      value,
+      ref: inputRef,
+      type,
+      "aria-label": ariaLabel,
+      onKeyUp: (event) => onKeyUp(event, id),
+      onKeyDown: (event) => onKeyDown(event, id),
+      onPaste: (event) => onPaste(event),
+      max,
+      css: defaultCSS,
+      onBlur,
+      inputMode: "numeric",
+      pattern: "[0-9]*"
+    }
+  );
+}
+
+
+
+exports.SingleCodeInput = SingleCodeInput;

package/dist/chunk-JIV33B22.js

@@ -0,0 +1,49 @@
+import {
+  Label
+} from "./chunk-6O44WIUE.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+
+// src/components/Radio.tsx
+import styled from "@emotion/styled";
+import { useState } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Radio({
+  radioOptions,
+  onChange,
+  defaultOption
+}) {
+  const [selectedOption, setSelectedOption] = useState(defaultOption);
+  const handleRadioClick = (e) => {
+    onChange(e.target.value);
+    setSelectedOption(e.target.value);
+  };
+  return /* @__PURE__ */ jsx(RadioContainer, { children: radioOptions.map((option) => /* @__PURE__ */ jsxs(RadioRow, { htmlFor: option.label, children: [
+    /* @__PURE__ */ jsx(
+      RadioInput,
+      {
+        id: option.label,
+        type: "radio",
+        value: option.label,
+        checked: selectedOption === option.label,
+        onChange: handleRadioClick
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: option.label })
+  ] }, option.label)) });
+}
+var RadioContainer = styled.div`
+  label: flex;
+  flex-direction: column;
+`;
+var RadioRow = styled.label`
+  display: flex;
+  align-items: center;
+  gap: ${Spacing.px.sm};
+`;
+var RadioInput = styled.input``;
+
+export {
+  Radio
+};

package/dist/chunk-JMDDJ2I2.js

@@ -0,0 +1,57 @@
+import {
+  Icon
+} from "./chunk-YTKSEJHA.js";
+
+// src/components/ContentTable.tsx
+import styled from "@emotion/styled";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ContentTable({
+  columns,
+  rows
+}) {
+  return /* @__PURE__ */ jsxs(StyledContentTable, { children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", {}),
+      columns.map((column) => /* @__PURE__ */ jsx("th", { children: column.title }, column.key))
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: rows.map((row, index) => /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("td", { children: row.title }),
+      columns.map((column) => {
+        const value = row[column.key];
+        return /* @__PURE__ */ jsx("td", { children: value === true ? /* @__PURE__ */ jsx(Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+      })
+    ] }, index)) })
+  ] });
+}
+var StyledContentTable = styled.table`
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid ${({ theme }) => theme.c1Neutral};
+  color: ${({ theme }) => theme.c6Neutral};
+
+  tr:last-child td:first-child {
+    border-bottom-left-radius: 10px;
+  }
+
+  tr:last-child td:last-child {
+    border-bottom-right-radius: 10px;
+  }
+
+  th,
+  td {
+    padding: 26px 12px;
+    border: 1px solid #e5e5e5;
+  }
+  th {
+    text-align: center;
+  }
+  td {
+    vertical-align: middle;
+    text-align: center;
+  }
+`;
+
+export {
+  ContentTable,
+  StyledContentTable
+};

package/dist/chunk-JNEL3EPC.cjs

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+
+// src/components/ContentTable.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ContentTable({
+  columns,
+  rows
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledContentTable, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", {}),
+      columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, column.key))
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tr", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
+      columns.map((column) => {
+        const value = row[column.key];
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+      })
+    ] }, index)) })
+  ] });
+}
+var StyledContentTable = _styled2.default.table`
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid ${({ theme }) => theme.c1Neutral};
+  color: ${({ theme }) => theme.c6Neutral};
+
+  tr:last-child td:first-child {
+    border-bottom-left-radius: 10px;
+  }
+
+  tr:last-child td:last-child {
+    border-bottom-right-radius: 10px;
+  }
+
+  th,
+  td {
+    padding: 26px 12px;
+    border: 1px solid #e5e5e5;
+  }
+  th {
+    text-align: center;
+  }
+  td {
+    vertical-align: middle;
+    text-align: center;
+  }
+`;
+
+
+
+
+exports.ContentTable = ContentTable; exports.StyledContentTable = StyledContentTable;

package/dist/chunk-JOT3EVGV.js

@@ -0,0 +1,6 @@
+// src/hooks/useWhatChanged.tsx
+import { useWhatChanged } from "@simbathesailor/use-what-changed";
+
+export {
+  useWhatChanged
+};

package/dist/chunk-JTEEQSLU.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/EmailNotification.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function EmailNotification({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M13.75 4.75H3.75C3.19772 4.75 2.75 5.19771 2.75 5.75V18.25C2.75 18.8023 3.19772 19.25 3.75 19.25H20.25C20.8023 19.25 21.25 18.8023 21.25 18.25V12.25M2.99805 9.25C5.50528 11.1337 8.62204 12.25 11.9995 12.25C13.5675 12.25 15.0793 12.0094 16.5 11.5631M23.25 6C23.25 7.79493 21.7949 9.25 20 9.25C18.2051 9.25 16.75 7.79493 16.75 6C16.75 4.20507 18.2051 2.75 20 2.75C21.7949 2.75 23.25 4.20507 23.25 6Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.EmailNotification = EmailNotification;

package/dist/chunk-JVA433WN.js

@@ -0,0 +1,33 @@
+// src/icons/central/Leading.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Leading({
+  strokeWidth = "1.5",
+  strokeLinecap = "square",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.37492 7.70869H13.1249C14.9658 7.70869 16.4583 9.20108 16.4583 11.042V11.5247C16.4583 14.8249 13.7828 17.5003 10.4826 17.5003C8.26398 17.5003 6.22797 16.2712 5.19465 14.3078L2.70825 9.58366L3.33376 8.80174C3.90878 8.083 4.95759 7.96647 5.67637 8.54149L6.45825 9.16699V3.75033C6.45825 2.94491 7.11117 2.29199 7.91659 2.29199C8.722 2.29199 9.37492 2.94491 9.37492 3.75033V7.70869Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Leading
+};

package/dist/chunk-K2PLWNAI.js

@@ -0,0 +1,33 @@
+// src/icons/central/ArrowsRepeatLeftRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowsRepeatLeftRight({
+  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: "M17.4999 21.25L20.1464 18.6036C20.3416 18.4083 20.3416 18.0917 20.1464 17.8964L17.4999 15.25M6.49992 2.75L3.85348 5.39645C3.65822 5.59171 3.65822 5.90829 3.85348 6.10355L6.49992 8.75M5.24992 5.75H19.2499C19.8022 5.75 20.2499 6.19772 20.2499 6.75V10.75M3.74992 13.75V17.25C3.74992 17.8023 4.19764 18.25 4.74992 18.25H18.7499",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowsRepeatLeftRight
+};

package/dist/chunk-K4GYDTFO.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/EyeOpen.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function EyeOpen({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.0006 4.75C15.635 4.75003 19.1692 6.99503 21.4533 11.2743C21.6942 11.7257 21.6942 12.2745 21.4533 12.7259C19.1692 17.0051 15.635 19.2501 12.0006 19.25C8.36613 19.25 4.83199 17.005 2.54789 12.7258C2.30695 12.2744 2.30695 11.7255 2.54789 11.2742C4.83199 6.99492 8.36614 4.74997 12.0006 4.75ZM8.7154 12C8.7154 10.1857 10.1862 8.71487 12.0006 8.71487C13.8149 8.71487 15.2858 10.1857 15.2858 12C15.2858 13.8144 13.8149 15.2852 12.0006 15.2852C10.1862 15.2852 8.7154 13.8144 8.7154 12Z",
+          stroke: "currentColor",
+          strokeWidth,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.EyeOpen = EyeOpen;

package/dist/chunk-K52UQVCM.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
+
+
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+
+
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+
+
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+
+// src/components/IconWithCircleBackground.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  to,
+  onClick,
+  darkBg = false,
+  shouldRotate = false,
+  noBg = false,
+  disabled = false,
+  bgColor,
+  iconColor,
+  iconStrokeWidth,
+  opaque = false
+}) {
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2YBZV2K6cjs.Flex,
+    {
+      center: true,
+      onClick,
+      disabled,
+      as: onClick ? "button" : "div",
+      asButtonType: "button",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StyledIconWithCircleBackground,
+        {
+          size: iconWidth,
+          darkBg,
+          shouldRotate,
+          noBg,
+          bgColor,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunk4N5EXQIScjs.Icon,
+            {
+              name: iconName,
+              width: iconWidth,
+              color: iconColor ? iconColor : darkBg ? "white" : "grayBlue9",
+              iconProps: {
+                strokeWidth: iconStrokeWidth,
+                fill: opaque ? "currentColor" : "none"
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, disabled, children: content }) }) : content;
+}
+var StyledIconWithCircleBackground = _styled2.default.div`
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, bgColor) : _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+
+  @keyframes IconWithCircleBackgroundRotate {
+    0% {
+      transform: rotate(0);
+    }
+    35% {
+      transform: rotate(360deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  if (size === 36) {
+    return 14;
+  }
+  if (size === 20) {
+    return 10;
+  }
+  return 16;
+}
+
+
+
+exports.IconWithCircleBackground = IconWithCircleBackground;

package/dist/chunk-K7HWTEGP.cjs

@@ -0,0 +1,154 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// 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 = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, 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})`;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.darkGradient = darkGradient; exports.colors = colors; exports.isColorKey = isColorKey; exports.hcNeutralFromBg = hcNeutralFromBg; exports.luminance = luminance; exports.contrast = contrast; exports.componentToHex = componentToHex; exports.rgbToHex = rgbToHex; exports.hexToRGB = hexToRGB; exports.hexToRGBAStr = hexToRGBAStr;

package/dist/chunk-K7OIWNQA.js

@@ -0,0 +1,34 @@
+import {
+  LabelModerate
+} from "./chunk-QX2R5WFV.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+
+// src/components/DataManagerTable/Filter.tsx
+import styled from "@emotion/styled";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var Filter = ({
+  label,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(FilterContainer, { children: [
+    /* @__PURE__ */ jsx(FilterHeader, { children: /* @__PURE__ */ jsx(LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ jsx(FilterBody, { children })
+  ] });
+};
+var FilterContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${Spacing.px.sm};
+`;
+var FilterHeader = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+var FilterBody = styled.div``;
+
+export {
+  Filter
+};