jcicl 0.0.341 → 0.0.345

package/.chunks/createLucideIcon.js

@@ -0,0 +1,94 @@
+import { forwardRef as l, createElement as n } from "react";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+), i = (t) => {
+  const e = h(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var g = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = l(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: o,
+    className: s = "",
+    children: a,
+    iconNode: p,
+    ...c
+  }, m) => n(
+    "svg",
+    {
+      ref: m,
+      ...g,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: o ? Number(r) * 24 / Number(e) : r,
+      className: u("lucide", s),
+      ...!a && !f(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...p.map(([C, d]) => n(C, d)),
+      ...Array.isArray(a) ? a : [a]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const k = (t, e) => {
+  const r = l(
+    ({ className: o, ...s }, a) => n(A, {
+      ref: a,
+      iconNode: e,
+      className: u(
+        `lucide-${w(i(t))}`,
+        `lucide-${t}`,
+        o
+      ),
+      ...s
+    })
+  );
+  return r.displayName = i(t), r;
+};
+export {
+  k as c
+};

package/ContactCard/ContactCard.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ContactCardProps {
+    fullName: string;
+    phoneNumber: string;
+    email: string;
+    title: string;
+    description: string;
+}
+declare const ContactCard: React.FC<ContactCardProps>;
+export default ContactCard;

package/ContactCard/ContactCard.js

@@ -0,0 +1,97 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { n as i } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as n } from "../.chunks/emotion-react.browser.esm.js";
+import { DetailItemContainer as l } from "../DetailPageComponents/DetailPageComponents.js";
+import { c as o } from "../.chunks/createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const d = [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+], h = o("mail", d);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const m = [
+  [
+    "path",
+    {
+      d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",
+      key: "9njp5v"
+    }
+  ]
+], x = o("phone", m);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const g = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+], f = o("user", g), y = i("h3")(() => ({
+  ...n`
+    font-size: 21px;
+    font-weight: 600;
+    margin: 0;
+    margin-bottom: 6px;
+    display: flex;
+    .lucide {
+      margin-right: 9px;
+    }
+  `
+})), k = i("p")(() => ({
+  ...n`
+    margin: 0;
+  `
+})), u = i("div")(() => ({
+  ...n`
+    display: flex;
+    gap: 13px;
+    align-items: center;
+    margin-top: 6px;
+    p {
+      display: flex;
+      align-items: flex-start;
+      margin: 0;
+      .lucide {
+        height: 13px;
+        width: 13px;
+        margin-right: 6px;
+      }
+      font-size: 14px;
+    }
+  `
+})), z = ({ fullName: a, email: r, phoneNumber: c, title: s, description: p }) => /* @__PURE__ */ t(l, { children: [
+  /* @__PURE__ */ t(y, { children: [
+    /* @__PURE__ */ e(f, {}),
+    " ",
+    a,
+    " • ",
+    s
+  ] }),
+  /* @__PURE__ */ e(k, { children: p }),
+  /* @__PURE__ */ t(u, { children: [
+    /* @__PURE__ */ t("p", { children: [
+      /* @__PURE__ */ e(h, {}),
+      " ",
+      r
+    ] }),
+    /* @__PURE__ */ t("p", { children: [
+      /* @__PURE__ */ e(x, {}),
+      " ",
+      c
+    ] })
+  ] })
+] });
+export {
+  z as default
+};

package/ContactCard/index.d.ts

@@ -0,0 +1 @@
+export { default, type ContactCardProps } from './ContactCard';

package/ContactCard/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ContactCard.js";
+export {
+  o as default
+};

package/DetailItemWithIcon/DetailItemWithIcon.d.ts

@@ -0,0 +1,10 @@
+import { ForwardRefExoticComponent } from 'react';
+import { LucideProps } from 'lucide-react';
+export interface DetailItemWithIconProps {
+    icon: ForwardRefExoticComponent<Omit<LucideProps, 'ref'>>;
+    iconSize?: number;
+    label: string;
+    value: string;
+}
+declare const DetailItemWithIcon: React.FC<DetailItemWithIconProps>;
+export default DetailItemWithIcon;

package/DetailItemWithIcon/DetailItemWithIcon.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { n as e } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as m } from "../.chunks/emotion-react.browser.esm.js";
+import c from "../theme.js";
+import { Flex as t } from "../Flex/Flex.js";
+import { DetailItemContainer as p } from "../DetailPageComponents/DetailPageComponents.js";
+import s from "../SquareIcon/SquareIcon.js";
+const f = e("p")(() => ({
+  ...m`
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: ${c.colors.charcoal} !important;
+    margin: 0;
+    margin-bottom: 0.25rem;
+  `
+})), d = e("p")(() => ({
+  ...m`
+    font-size: 1rem;
+    word-wrap: break-word;
+    margin: 0;
+  `
+})), b = ({ icon: i, iconSize: n = 20, label: a, value: l }) => /* @__PURE__ */ r(p, { children: /* @__PURE__ */ o(t, { gap: "19px", children: [
+  /* @__PURE__ */ r(s, { icon: i, iconSize: n }),
+  /* @__PURE__ */ o(t, { column: !0, children: [
+    /* @__PURE__ */ r(f, { children: a }),
+    /* @__PURE__ */ r(d, { children: l })
+  ] })
+] }) });
+export {
+  b as default
+};

package/DetailItemWithIcon/index.d.ts

@@ -0,0 +1 @@
+export { default, type DetailItemWithIconProps } from './DetailItemWithIcon';

package/DetailItemWithIcon/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./DetailItemWithIcon.js";
+export {
+  o as default
+};

package/DetailPageComponents/DetailPageComponents.d.ts

@@ -0,0 +1,24 @@
+export declare const DetailHeader: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DetailSubtext: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const DetailItemHeader: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const DetailItemContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface DetailiconProps {
+    iconColor?: string;
+    backgroundColor?: string;
+}
+export declare const DetailHeaderIcon: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & DetailiconProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/DetailPageComponents/DetailPageComponents.js

@@ -0,0 +1,127 @@
+import { n as o } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as t } from "../.chunks/emotion-react.browser.esm.js";
+import e from "../theme.js";
+const p = o("div")(() => ({
+  ...t`
+    display: flex;
+    flex-direction: column;
+    padding: 27px 0;
+    gap: 9px;
+
+    h2 {
+      font-size: 36px;
+    }
+
+    border-bottom: 1px solid ${e.colors.gray2};
+
+    button {
+      font-size: 1rem;
+      span {
+        line-height: 1;
+        align-items: flex-end;
+        display: flex;
+        gap: 6px;
+      }
+    }
+  `
+})), s = o("p")(() => ({
+  ...t`
+    color: ${e.colors.gray};
+    line-height: 1;
+    display: flex;
+    align-items: flex-end;
+    gap: 6px;
+
+    .lucide {
+      height: 18px;
+      width: 18px;
+    }
+  `
+})), d = o("h2")(() => ({
+  ...t`
+    font-size: 27px;
+    font-weight: 600;
+    text-align: left;
+    display: flex;
+    align-items: center;
+    margin-top: 9px;
+    margin: 0;
+    margin-bottom: -21px;
+    .lucide {
+      margin-right: 9px;
+    }
+  `
+})), x = o("div")(() => ({
+  ...t`
+    font-family: ${e.fonts.roboto};
+    display: flex;
+    flex-direction: column;
+    gap: 13px;
+    background: ${e.colors.veryLightGray};
+    border-radius: 6px;
+    padding: 21px;
+    margin-bottom: 15px;
+    transition: all 313ms ease;
+    position: relative;
+    overflow: hidden;
+
+    p {
+      color: ${e.colors.gray};
+      font-size: 18px;
+      line-height: 1;
+      display: flex;
+      align-items: flex-end;
+      .lucide {
+        margin-right: 9px;
+        width: 21px;
+        height: 21px;
+      }
+    }
+
+    &:hover {
+      transform: translateX(5px);
+      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    }
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 1px;
+      left: 0;
+      width: 100%;
+      height: 1px;
+      background: linear-gradient(90deg, ${e.colors.gold}, ${e.colors.green});
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 3px;
+      height: 100%;
+      background: linear-gradient(180deg, ${e.colors.gold}, ${e.colors.green});
+    }
+  `
+})), g = o("div")(
+  ({ iconColor: i = e.colors.white, backgroundColor: r = e.colors.darkGreen }) => ({
+    ...t`
+      width: 72px;
+      height: 72px;
+      background-color: ${r};
+      color: ${i};
+      border-radius: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+    `
+  })
+);
+export {
+  p as DetailHeader,
+  g as DetailHeaderIcon,
+  x as DetailItemContainer,
+  d as DetailItemHeader,
+  s as DetailSubtext
+};

package/DetailPageComponents/index.d.ts

@@ -0,0 +1 @@
+export { DetailHeader, DetailSubtext, DetailItemHeader, DetailItemContainer, DetailHeaderIcon, type DetailiconProps, } from './DetailPageComponents';

package/DetailPageComponents/index.js

@@ -0,0 +1,8 @@
+import { DetailHeader as a, DetailHeaderIcon as i, DetailItemContainer as r, DetailItemHeader as l, DetailSubtext as D } from "./DetailPageComponents.js";
+export {
+  a as DetailHeader,
+  i as DetailHeaderIcon,
+  r as DetailItemContainer,
+  l as DetailItemHeader,
+  D as DetailSubtext
+};

package/EditableDetailItemWithIcon/EditableDetailItemWithIcon.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ReactElement, ForwardRefExoticComponent } from 'react';
+import { LucideProps } from 'lucide-react';
+export interface EditableDetailItemWithIconProps {
+    icon: ForwardRefExoticComponent<Omit<LucideProps, 'ref'>>;
+    iconSize?: number;
+    label: string;
+    value: string;
+    customEditForm?: ReactElement;
+    editButtonMarginTop?: string;
+    onValueChange?: (newValue: string) => void;
+    onSave?: () => void;
+    onCancel?: () => void;
+}
+declare const EditableDetailItemWithIcon: React.FC<EditableDetailItemWithIconProps>;
+export default EditableDetailItemWithIcon;

package/EditableDetailItemWithIcon/EditableDetailItemWithIcon.js

@@ -0,0 +1,125 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { n as h } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as k } from "../.chunks/emotion-react.browser.esm.js";
+import o from "../theme.js";
+import { Flex as c } from "../Flex/Flex.js";
+import { Input as x } from "../Input/Input.js";
+import { DetailItemContainer as C } from "../DetailPageComponents/DetailPageComponents.js";
+import I from "../SquareIcon/SquareIcon.js";
+import l from "../SquareIconButton/SquareIconButton.js";
+import { c as a } from "../.chunks/createLucideIcon.js";
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], _ = a("check", G);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const z = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ],
+  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
+], D = a("pencil", z);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const j = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], A = a("x", j), L = h("p")(() => ({
+  ...k`
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: ${o.colors.charcoal} !important;
+    margin: 0;
+    margin-bottom: 0.25rem;
+  `
+})), N = h("p")(() => ({
+  ...k`
+    font-size: 1rem;
+    word-wrap: break-word;
+    margin: 0;
+  `
+})), H = ({
+  icon: u,
+  iconSize: g = 20,
+  onValueChange: s,
+  onSave: m,
+  onCancel: d,
+  customEditForm: n,
+  editButtonMarginTop: p,
+  label: b,
+  value: f
+}) => {
+  const [e, i] = y(!1);
+  return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ t(c, { gap: "19px", children: [
+    /* @__PURE__ */ r(
+      I,
+      {
+        icon: u,
+        iconSize: g,
+        color: o.colors.darkGreen,
+        backgroundColor: o.colors.whiteGreenA
+      }
+    ),
+    /* @__PURE__ */ t(c, { justifyContent: "space-between", width: "100%", gap: "12px", children: [
+      /* @__PURE__ */ t(c, { column: !0, styles: { flexGrow: 1 }, children: [
+        /* @__PURE__ */ r(L, { children: b }),
+        !e && /* @__PURE__ */ r(N, { children: f }),
+        e && !n && /* @__PURE__ */ r(x, { defaultValue: f, onChange: (w) => s && s(w.target.value) }),
+        e && n && n
+      ] }),
+      !e && /* @__PURE__ */ r(
+        l,
+        {
+          backgroundColor: o.colors.whiteGreenA,
+          color: o.colors.darkGreen,
+          icon: D,
+          onClick: () => i(!0)
+        }
+      ),
+      e && /* @__PURE__ */ t(c, { gap: "9px", styles: { marginTop: p || "0" }, children: [
+        /* @__PURE__ */ r(
+          l,
+          {
+            backgroundColor: o.colors.cherryBlossom,
+            color: o.colors.maroon,
+            icon: A,
+            onClick: () => {
+              i(!1), d && d();
+            }
+          }
+        ),
+        /* @__PURE__ */ r(
+          l,
+          {
+            icon: _,
+            backgroundColor: o.colors.whiteGreenA,
+            color: o.colors.darkGreen,
+            onClick: () => {
+              i(!1), m && m();
+            }
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  H as default
+};

package/EditableDetailItemWithIcon/index.d.ts

@@ -0,0 +1 @@
+export { default, type EditableDetailItemWithIconProps } from './EditableDetailItemWithIcon';

package/EditableDetailItemWithIcon/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./EditableDetailItemWithIcon.js";
+export {
+  o as default
+};

package/Memo/Memo.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface MemoProps {
+    createDateTime: string;
+    note: string;
+    username: string;
+}
+declare const Memo: React.FC<MemoProps>;
+export default Memo;

package/Memo/Memo.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { n as e } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as o } from "../.chunks/emotion-react.browser.esm.js";
+import n from "../theme.js";
+import { DetailItemContainer as c } from "../DetailPageComponents/DetailPageComponents.js";
+const l = e("div")(() => ({
+  ...o`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  `
+})), a = e("h3")(() => ({
+  ...o`
+    font-size: 21px;
+    font-weight: 600;
+    display: flex;
+    margin: 0px;
+    line-height: 1.3;
+    .lucide {
+      margin-right: 9px;
+    }
+  `
+})), p = e("span")(() => ({
+  ...o`
+    font-size: 15px;
+    color: ${n.colors.gray};
+    margin: 0px;
+  `
+})), f = e("p")(() => ({
+  ...o`
+    color: ${n.colors.gray};
+    font-size: 18px;
+    margin: 0px;
+  `
+})), M = ({ username: r, createDateTime: s, note: m }) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ t(a, { children: r }),
+    /* @__PURE__ */ t(p, { children: s })
+  ] }),
+  /* @__PURE__ */ t(f, { children: m })
+] });
+export {
+  M as default
+};

package/Memo/index.d.ts

@@ -0,0 +1 @@
+export { default, type MemoProps } from './Memo';

package/Memo/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Memo.js";
+export {
+  o as default
+};