@lightsparkdev/ui 1.0.10 → 1.0.12

package/dist/chunk-ZDKHSLBB.js

@@ -0,0 +1,100 @@
+import {
+  countryCodesToNames
+} from "./chunk-5KSG5D3I.js";
+import {
+  TextInput
+} from "./chunk-4RHUIDWO.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/PhoneInput.tsx
+import {
+  AsYouType,
+  getCountries,
+  getCountryCallingCode
+} from "libphonenumber-js";
+import { useCallback, useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+var countries = getCountries();
+var defaultOptions = countries.map((countryCode) => {
+  return {
+    value: countryCode,
+    label: `${getCountryCallingCode(countryCode)} (${countryCodesToNames[countryCode]})`
+  };
+}).sort((a, b) => a.label.localeCompare(b.label));
+function getSelectWidth(value, pxPerChar) {
+  const label = getCountryCallingCode(value);
+  const chars = label.length;
+  return chars * pxPerChar + 30;
+}
+function PhoneInput({
+  typography,
+  onChange: onChangeProp,
+  pxPerChar = 6
+}) {
+  const [countryCode, setCountryCode] = useState("US");
+  const [value, setValue] = useState("");
+  const [width, setWidth] = useState(getSelectWidth(countryCode, pxPerChar));
+  const [wasBlurred, setWasBlurred] = useState(false);
+  const onChangeSelect = useCallback(
+    (newValue) => {
+      setCountryCode(newValue);
+      const newWidth = getSelectWidth(newValue, pxPerChar);
+      setWidth(newWidth);
+    },
+    [setCountryCode, setWidth, pxPerChar]
+  );
+  const options = defaultOptions.map((option) => {
+    if (option.value === countryCode) {
+      return __spreadProps(__spreadValues({}, option), {
+        label: `+ ${getCountryCallingCode(countryCode)}`
+      });
+    }
+    return option;
+  });
+  const onChange = useCallback(
+    (newValue) => {
+      const parsedValue = newValue.startsWith("+") ? newValue.slice(1) : newValue;
+      const formatter2 = new AsYouType(countryCode);
+      const formattedValue2 = formatter2.input(parsedValue);
+      setValue(formattedValue2);
+      const phoneNumber = formatter2.getNumber();
+      if (onChangeProp && phoneNumber) {
+        onChangeProp({
+          number: phoneNumber.number,
+          formatted: formattedValue2,
+          isValid: phoneNumber.isValid()
+        });
+      }
+    },
+    [setValue, countryCode, onChangeProp]
+  );
+  const formatter = new AsYouType(countryCode);
+  const formattedValue = formatter.input(value);
+  const isValidPhone = formatter.isValid();
+  const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      select: {
+        options,
+        value: countryCode,
+        onChange: onChangeSelect,
+        width
+      },
+      pattern: "[0-9,]*",
+      inputMode: "numeric",
+      value: formattedValue,
+      onBlur: () => setWasBlurred(true),
+      onChange,
+      error,
+      typography
+    }
+  );
+}
+
+export {
+  PhoneInput
+};

package/dist/chunk-ZHPDXKF2.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+
+
+var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+
+
+var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/Label.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledLabel = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
+  ${_chunkKYPG23A5cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.LabelString = LabelString; exports.getPropDefaults = getPropDefaults; exports.StyledLabel = StyledLabel;

package/dist/chunk-ZI7GPZP6.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHLDOB52Acjs = require('./chunk-HLDOB52A.cjs');
+
+
+var _chunkR544PD7Ucjs = require('./chunk-R544PD7U.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/BooleanFilter.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isBooleanFilterState = (state) => state.type === "boolean" /* BOOLEAN */;
+var getDefaultBooleanFilterState = () => ({
+  type: "boolean" /* BOOLEAN */,
+  value: void 0,
+  isApplied: false
+});
+var BooleanFilter = ({
+  updateFilterState,
+  state,
+  label
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLDOB52Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkR544PD7Ucjs.Radio,
+    {
+      radioOptions: [
+        { label: "Yes" /* YES */ },
+        { label: "No" /* NO */ },
+        { label: "Both" /* BOTH */ }
+      ],
+      defaultOption: "Both" /* BOTH */,
+      onChange: (selectedOption) => {
+        updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          value: selectedOption === "Yes" /* YES */ ? true : selectedOption === "No" /* NO */ ? false : void 0,
+          isApplied: true
+        }));
+      }
+    }
+  ) }) });
+};
+
+
+
+
+
+exports.isBooleanFilterState = isBooleanFilterState; exports.getDefaultBooleanFilterState = getDefaultBooleanFilterState; exports.BooleanFilter = BooleanFilter;

package/dist/chunk-ZJFTFFBE.cjs

@@ -0,0 +1,351 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
+
+
+var _chunkUMW2YGQIcjs = require('./chunk-UMW2YGQI.cjs');
+
+
+var _chunk5K5AYIT3cjs = require('./chunk-5K5AYIT3.cjs');
+
+
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+
+
+
+var _chunkMXEXCNVBcjs = require('./chunk-MXEXCNVB.cjs');
+
+
+
+var _chunkTQFTLCODcjs = require('./chunk-TQFTLCOD.cjs');
+
+
+var _chunkSP3BMGMUcjs = require('./chunk-SP3BMGMU.cjs');
+
+
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+
+
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+
+
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+
+
+
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/PageSection/PageSection.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PageSection({
+  children,
+  title,
+  sectionId,
+  headerOffset = 0
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQFTLCODcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    children
+  ] });
+}
+var StyledPageSection = _styled2.default.div`
+  &:first-of-type {
+    ${_chunkKW3JYLRIcjs.bp.minSm(`
+      margin-top: 4px;
+    `)}
+  }
+
+  &:not(:first-of-type) {
+    margin-top: 72px;
+  }
+
+  h3,
+  h4 {
+    scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
+  }
+`;
+var PageSectionSubheading = _chunkTQFTLCODcjs.headingWithDefaults.call(void 0, {
+  type: "h4",
+  mb: 32
+});
+var PageSectionBoxActionColumn = ({
+  label,
+  value,
+  valueId
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBoxActionColumn, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnLabel, { children: label }),
+  value ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnValue, { id: valueId, children: value }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxActionColumnNoValue, { children: "Unknown" })
+] });
+var StyledPageSectionBoxActionColumn = _styled2.default.div``;
+var PageSectionBoxActionColumnLabel = _styled2.default.div`
+  color: ${_chunkJBCEOOZScjs.colors.gray40};
+  font-weight: 500;
+  margin: 0;
+`;
+var PageSectionBoxActionColumnValue = _styled2.default.div`
+  font-weight: 700;
+  margin-bottom: 0;
+  margin-top: 6px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
+  PageSectionBoxActionColumnValue
+)`
+  color: ${_chunkJBCEOOZScjs.colors.gray80};
+  font-style: italic;
+`;
+function PageSectionBoxAction({
+  dropdownItems,
+  icon,
+  isDelete = false,
+  label,
+  loading = false,
+  onClick,
+  to,
+  toParams
+}) {
+  const theme = _react.useTheme.call(void 0, );
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSP3BMGMUcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk5K5AYIT3cjs.Dropdown,
+    {
+      button: {
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+      },
+      dropdownItems
+    }
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+    /* Extra div for proper default alignment inside flex contexts */
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkUMW2YGQIcjs.TextButton,
+      {
+        leftIcon: icon,
+        text: label,
+        to,
+        toParams,
+        onClick
+      }
+    ) })
+  ) : null;
+}
+var PageSectionBoxActionRow = ({
+  title,
+  titleBadge,
+  description,
+  separator,
+  children,
+  action,
+  smFlexColumn = true
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    SPageSectionBoxActionRow,
+    {
+      separator: Boolean(separator),
+      smFlexColumn: Boolean(smFlexColumn),
+      children: [
+        title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
+            title,
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXEXCNVBcjs.Badge, { content: titleBadge, ml: 4 }) : null
+          ] }),
+          description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
+        ] }) : null,
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action))
+      ]
+    }
+  ) });
+};
+var SPageSectionBoxActionRow = _styled2.default.div`
+  display: flex;
+  gap: 12px;
+  align-items: top;
+  flex-direction: row;
+  justify-content: space-between;
+
+  & + & {
+    margin-top: 32px;
+  }
+
+  ${({ smFlexColumn }) => smFlexColumn ? _chunkKW3JYLRIcjs.bp.sm(`flex-direction: column;`) : ""}
+
+  &:has(> ${StyledPageSectionBoxActionColumn}) {
+    ${_chunk6VA4SAHQcjs.select.call(void 0, StyledPageSectionBoxActionColumn)} {
+      width: 150px;
+    }
+    ${_chunkKW3JYLRIcjs.bp.maxMd(`
+      ${_chunk6VA4SAHQcjs.select.call(void 0, StyledPageSectionBoxActionColumn)} {
+        width: auto;
+      }
+    `)}
+  }
+
+  ${({ separator, theme }) => separator && `
+      border-top: 1px solid;
+      ${_chunkLQ7N5FRYcjs.standardBorderColor.call(void 0, { theme }).styles};
+      padding-top: 32px;
+    `}
+`;
+var PageSectionBoxColumn = _styled2.default.div``;
+var PageSectionBoxRow = _styled2.default.div`
+  display: grid;
+  grid-template-columns: repeat(
+    auto-fit,
+    minmax(215px, 1fr)
+  ); /* This creates as many columns as can fit, each at least 150px wide */
+`;
+function PageSectionBox({
+  action,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkCBPXRCT4cjs.toReactNodes.call(void 0, description) }),
+    children,
+    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
+  ] });
+}
+var StyledPageSectionBox = _styled2.default.div`
+  & + & {
+    margin-top: 32px;
+  }
+
+  & > ${PageSectionBoxRow}, & {
+    border: 1px solid;
+    ${_chunkLQ7N5FRYcjs.standardBorderColor}
+  }
+
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
+  padding: 16px;
+
+  /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
+  &:has(> ${PageSectionBoxRow}) {
+    border: none;
+    padding: 0;
+    ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 0)}
+  }
+
+  & > ${PageSectionBoxRow} {
+    &:first-of-type {
+      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+    }
+
+    &:last-of-type {
+      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+    }
+
+    &:only-of-type {
+      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 12)}
+    }
+
+    &:not(:last-of-type) {
+      border-bottom: 0;
+    }
+
+    ${PageSectionBoxColumn} {
+      padding: 32px;
+      ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
+      &:not(:first-of-type) {
+        border-left: solid 1px;
+        ${_chunkLQ7N5FRYcjs.standardBorderColor}
+      }
+    }
+
+    ${({ theme }) => _chunkKW3JYLRIcjs.bp.maxMd(`
+        grid-template-columns: none;
+        ${_chunk6VA4SAHQcjs.select.call(void 0, PageSectionBoxColumn)} {
+          &:not(:first-of-type) {
+            border-left: 0 !important;
+            border-top: solid 1px;
+            ${_chunkLQ7N5FRYcjs.standardBorderColor.call(void 0, { theme }).styles};
+          }
+        }
+      `)}
+  }
+`;
+var PageSectionBoxTitle = _styled2.default.div`
+  display: flex;
+  align-items: center;
+  font-size: ${({ lg }) => lg ? 14 : 12}px;
+  font-weight: 600;
+  line-height: ${({ lg }) => _chunkSWQDRB3Acjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkMXEXCNVBcjs.badgeSmVPadding * 2}px;
+`;
+var PageSectionBoxDescription = _styled2.default.div`
+  color: ${({ theme }) => theme.mcNeutral};
+  ${PageSectionBoxTitle} + & {
+    margin-top: 6px;
+  }
+`;
+var gapPx = 24;
+var PageSectionRow = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${gapPx}px;
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    flex-direction: row;
+  `)}
+
+  margin-top: 40px;
+  &:first-of-type {
+    margin-top: 0;
+  }
+`;
+var PageSectionRowSubSection = _styled2.default.div`
+  box-sizing: border-box;
+  width: 100%;
+
+  &:first-of-type {
+    margin-right: 0px;
+  }
+
+  &:last-of-type {
+    margin-left: 0px;
+    margin-top: ${gapPx}px;
+  }
+
+  ${StyledPageSectionBox} + ${StyledPageSectionBox} {
+    /* Less margin for boxes within a single SubSection: */
+    margin-top: 16px;
+  }
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    width: calc(50% - ${gapPx / 2}px);
+
+    &:last-of-type {
+      margin-top: 0;
+    }
+  `)}
+
+  ${({ fullWidth }) => fullWidth ? "width: 100% !important;" : ""}
+`;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.PageSection = PageSection; exports.PageSectionSubheading = PageSectionSubheading; exports.PageSectionBoxActionColumn = PageSectionBoxActionColumn; exports.PageSectionBoxActionRow = PageSectionBoxActionRow; exports.PageSectionBoxColumn = PageSectionBoxColumn; exports.PageSectionBoxRow = PageSectionBoxRow; exports.PageSectionBox = PageSectionBox; exports.StyledPageSectionBox = StyledPageSectionBox; exports.PageSectionBoxTitle = PageSectionBoxTitle; exports.PageSectionBoxDescription = PageSectionBoxDescription; exports.PageSectionRow = PageSectionRow; exports.PageSectionRowSubSection = PageSectionRowSubSection;

package/dist/chunk-ZJFUJTKS.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Pencil.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Pencil({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M6.88851 2.9033L1 8.79181V11H3.20819L9.0967 5.11149M6.88851 2.9033L8.57623 1.21559C8.86367 0.928136 9.32974 0.928136 9.61717 1.21559L10.7844 2.38283C11.0719 2.67028 11.0719 3.13633 10.7844 3.42378L9.0967 5.11149M6.88851 2.9033L9.0967 5.11149",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Pencil = Pencil;

package/dist/chunk-ZNA7SHZM.js

@@ -0,0 +1,54 @@
+import {
+  InputSubtext,
+  Label,
+  textInputStyle
+} from "./chunk-IAGH4CKJ.js";
+
+// src/components/TextArea.tsx
+import styled from "@emotion/styled";
+import { Fragment } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var defaultProps = {
+  disabled: false
+};
+function TextArea({
+  value,
+  onChange,
+  label,
+  error,
+  placeholder,
+  id,
+  hint,
+  disabled = defaultProps.disabled,
+  minHeight,
+  readOnly = false
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label && /* @__PURE__ */ jsx(Label, { children: label }),
+    /* @__PURE__ */ jsx(
+      StyledTextArea,
+      {
+        id,
+        value,
+        minHeight,
+        onChange: (event) => {
+          onChange(event.target.value, event);
+        },
+        disabled,
+        hasError: Boolean(error),
+        placeholder,
+        readOnly
+      }
+    ),
+    /* @__PURE__ */ jsx(InputSubtext, { text: error || hint })
+  ] });
+}
+var StyledTextArea = styled.textarea`
+  ${textInputStyle}
+  resize: none;
+  min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
+`;
+
+export {
+  TextArea
+};

package/dist/chunk-ZQ6LKGI6.js

@@ -0,0 +1,29 @@
+// src/icons/Remove.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Remove({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 17 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M11.0203 5.72973L6.47973 10.2703M11.0203 10.2703L6.47973 5.72973M15.75 8C15.75 11.866 12.616 15 8.75 15C4.88401 15 1.75 11.866 1.75 8C1.75 4.13401 4.88401 1 8.75 1C12.616 1 15.75 4.13401 15.75 8Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap
+        }
+      )
+    }
+  );
+}
+
+export {
+  Remove
+};

package/dist/chunk-ZQEMMDJA.js

@@ -0,0 +1,26 @@
+import {
+  toReactNodes
+} from "./chunk-SOGADTSR.js";
+import {
+  StyledTitle,
+  getPropDefaults
+} from "./chunk-NQWT3YD6.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/Title.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Title(props) {
+  const propsWithDefaults = getPropDefaults(props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = toReactNodes(props.content);
+  }
+  return /* @__PURE__ */ jsx(StyledTitle, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
+}
+
+export {
+  Title
+};