npm - @deckai/deck-ui - Versions diffs - 0.0.10 → 0.0.13 - Mend

@deckai/deck-ui 0.0.10 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/README.md +127 -1
package/dist/components/AboutCard.cjs +3 -7
package/dist/components/AboutCard.cjs.map +1 -1
package/dist/components/AboutCard.d.cts +3 -2
package/dist/components/AboutCard.d.ts +3 -2
package/dist/components/AboutCard.js +3 -7
package/dist/components/AboutCard.js.map +1 -1
package/dist/components/Avatar.cjs +1 -1
package/dist/components/Avatar.cjs.map +1 -1
package/dist/components/Avatar.d.cts +3 -1
package/dist/components/Avatar.d.ts +3 -1
package/dist/components/Avatar.js +1 -1
package/dist/components/Avatar.js.map +1 -1
package/dist/components/Badge.cjs +1 -1
package/dist/components/Badge.cjs.map +1 -1
package/dist/components/Badge.d.cts +2 -2
package/dist/components/Badge.d.ts +2 -2
package/dist/components/Badge.js +1 -1
package/dist/components/Badge.js.map +1 -1
package/dist/components/Breadcrumbs.cjs +1 -1
package/dist/components/Breadcrumbs.cjs.map +1 -1
package/dist/components/Breadcrumbs.js +1 -1
package/dist/components/Breadcrumbs.js.map +1 -1
package/dist/components/Button.cjs +3 -7
package/dist/components/Button.cjs.map +1 -1
package/dist/components/Button.d.cts +11 -1
package/dist/components/Button.d.ts +11 -1
package/dist/components/Button.js +3 -7
package/dist/components/Button.js.map +1 -1
package/dist/components/Collapsible.cjs +2 -0
package/dist/components/Collapsible.cjs.map +1 -0
package/dist/components/Collapsible.d.cts +12 -0
package/dist/components/Collapsible.d.ts +12 -0
package/dist/components/Collapsible.js +2 -0
package/dist/components/Collapsible.js.map +1 -0
package/dist/components/Combobox.cjs +1 -1
package/dist/components/Combobox.cjs.map +1 -1
package/dist/components/Combobox.d.cts +7 -1
package/dist/components/Combobox.d.ts +7 -1
package/dist/components/Combobox.js +1 -1
package/dist/components/Combobox.js.map +1 -1
package/dist/components/ContactItem.cjs +1 -1
package/dist/components/ContactItem.cjs.map +1 -1
package/dist/components/ContactItem.d.cts +2 -3
package/dist/components/ContactItem.d.ts +2 -3
package/dist/components/ContactItem.js +1 -1
package/dist/components/ContactItem.js.map +1 -1
package/dist/components/EditButton.cjs +10 -0
package/dist/components/EditButton.cjs.map +1 -0
package/dist/components/EditButton.d.cts +12 -0
package/dist/components/EditButton.d.ts +12 -0
package/dist/components/EditButton.js +10 -0
package/dist/components/EditButton.js.map +1 -0
package/dist/components/Icon.cjs +1 -1
package/dist/components/Icon.cjs.map +1 -1
package/dist/components/Icon.d.cts +4 -3
package/dist/components/Icon.d.ts +4 -3
package/dist/components/Icon.js +1 -1
package/dist/components/Icon.js.map +1 -1
package/dist/components/IconRenderer.cjs +2 -0
package/dist/components/IconRenderer.cjs.map +1 -0
package/dist/components/IconRenderer.d.cts +13 -0
package/dist/components/IconRenderer.d.ts +13 -0
package/dist/components/IconRenderer.js +2 -0
package/dist/components/IconRenderer.js.map +1 -0
package/dist/components/Illustration.cjs +50 -0
package/dist/components/Illustration.cjs.map +1 -0
package/dist/components/Illustration.d.cts +10 -0
package/dist/components/Illustration.d.ts +10 -0
package/dist/components/Illustration.js +50 -0
package/dist/components/Illustration.js.map +1 -0
package/dist/components/Input.cjs +1 -1
package/dist/components/Input.cjs.map +1 -1
package/dist/components/Input.d.cts +6 -2
package/dist/components/Input.d.ts +6 -2
package/dist/components/Input.js +1 -1
package/dist/components/Input.js.map +1 -1
package/dist/components/Link.cjs +1 -1
package/dist/components/Link.cjs.map +1 -1
package/dist/components/Link.d.cts +1 -1
package/dist/components/Link.d.ts +1 -1
package/dist/components/Link.js +1 -1
package/dist/components/Link.js.map +1 -1
package/dist/components/Logo.cjs +1 -1
package/dist/components/Logo.cjs.map +1 -1
package/dist/components/Logo.d.cts +2 -5
package/dist/components/Logo.d.ts +2 -5
package/dist/components/Logo.js +1 -1
package/dist/components/Logo.js.map +1 -1
package/dist/components/MultiSelectCombobox.cjs +2 -0
package/dist/components/MultiSelectCombobox.cjs.map +1 -0
package/dist/components/MultiSelectCombobox.d.cts +21 -0
package/dist/components/MultiSelectCombobox.d.ts +21 -0
package/dist/components/MultiSelectCombobox.js +2 -0
package/dist/components/MultiSelectCombobox.js.map +1 -0
package/dist/components/Navbar.cjs +2 -2
package/dist/components/Navbar.cjs.map +1 -1
package/dist/components/Navbar.d.cts +1 -1
package/dist/components/Navbar.d.ts +1 -1
package/dist/components/Navbar.js +2 -2
package/dist/components/Navbar.js.map +1 -1
package/dist/components/NavbarItem.cjs +1 -1
package/dist/components/NavbarItem.cjs.map +1 -1
package/dist/components/NavbarItem.d.cts +1 -1
package/dist/components/NavbarItem.d.ts +1 -1
package/dist/components/NavbarItem.js +1 -1
package/dist/components/NavbarItem.js.map +1 -1
package/dist/components/Pressable.cjs +1 -1
package/dist/components/Pressable.cjs.map +1 -1
package/dist/components/Pressable.js +1 -1
package/dist/components/Pressable.js.map +1 -1
package/dist/components/ProfileCard.cjs +3 -7
package/dist/components/ProfileCard.cjs.map +1 -1
package/dist/components/ProfileCard.d.cts +3 -1
package/dist/components/ProfileCard.d.ts +3 -1
package/dist/components/ProfileCard.js +3 -7
package/dist/components/ProfileCard.js.map +1 -1
package/dist/components/Sidebar.cjs +2 -0
package/dist/components/Sidebar.cjs.map +1 -0
package/dist/components/Sidebar.d.cts +37 -0
package/dist/components/Sidebar.d.ts +37 -0
package/dist/components/Sidebar.js +2 -0
package/dist/components/Sidebar.js.map +1 -0
package/dist/components/SocialCard.cjs +1 -1
package/dist/components/SocialCard.cjs.map +1 -1
package/dist/components/SocialCard.js +1 -1
package/dist/components/SocialCard.js.map +1 -1
package/dist/components/Spinner.cjs +2 -0
package/dist/components/Spinner.cjs.map +1 -0
package/dist/components/Spinner.d.cts +19 -0
package/dist/components/Spinner.d.ts +19 -0
package/dist/components/Spinner.js +2 -0
package/dist/components/Spinner.js.map +1 -0
package/dist/components/Tabs.cjs +1 -1
package/dist/components/Tabs.cjs.map +1 -1
package/dist/components/Tabs.js +1 -1
package/dist/components/Tabs.js.map +1 -1
package/dist/components/Tag.cjs +1 -1
package/dist/components/Tag.cjs.map +1 -1
package/dist/components/Tag.d.cts +4 -2
package/dist/components/Tag.d.ts +4 -2
package/dist/components/Tag.js +1 -1
package/dist/components/Tag.js.map +1 -1
package/dist/components/Text.cjs +1 -1
package/dist/components/Text.cjs.map +1 -1
package/dist/components/Text.d.cts +2 -2
package/dist/components/Text.d.ts +2 -2
package/dist/components/Text.js +1 -1
package/dist/components/Text.js.map +1 -1
package/dist/components/TextArea.cjs +2 -0
package/dist/components/TextArea.cjs.map +1 -0
package/dist/components/TextArea.d.cts +19 -0
package/dist/components/TextArea.d.ts +19 -0
package/dist/components/TextArea.js +2 -0
package/dist/components/TextArea.js.map +1 -0
package/dist/components/WorkCard.cjs +1 -1
package/dist/components/WorkCard.cjs.map +1 -1
package/dist/components/WorkCard.js +1 -1
package/dist/components/WorkCard.js.map +1 -1
package/dist/index.cjs +51 -7
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +99 -23
package/dist/index.d.ts +99 -23
package/dist/index.js +51 -7
package/dist/index.js.map +1 -1
package/dist/styles/styles.css +1 -1
package/dist/{tailwind-DJFscIlV.d.cts → tailwind-CIZ10fKA.d.cts} +4 -3
package/dist/{tailwind-DJFscIlV.d.ts → tailwind-CIZ10fKA.d.ts} +4 -3
package/package.json +4 -2

package/README.md CHANGED Viewed

@@ -1 +1,127 @@
-See root [README.md](../../README.md)
+# how to consume `deck-ui`
+Install `@deckai/deck-ui` via npm, yarn, or bun package managers. Since this is a privately scoped package, you'll need to be added to the `@deckai` organization on npm, and run `npm login` with your npm credentials.
+Note: you'll need to have both `react` and `react-dom` installed in your project to use `deck-ui` as they are peer dependencies. No other dependencies are required.
+```bash
+bun add @deckai/deck-ui
+```
+## styles & fonts
+Add the following to your `layout.tsx` file:
+```tsx
+import type { Metadata } from "next";
+import "./globals.css";
+import "@deckai/deck-ui/styles/styles.css";
+import localFont from "next/font/local";
+const gilroy = localFont({
+  src: [
+    {
+      path: "../../node_modules/@deckai/deck-ui/dist/fonts/Gilroy-Light.ttf",
+      weight: "400",
+      style: "normal"
+    },
+    {
+      path: "../../node_modules/@deckai/deck-ui/dist/fonts/Gilroy-Regular.ttf",
+      weight: "500",
+      style: "normal"
+    },
+    {
+      path: "../../node_modules/@deckai/deck-ui/dist/fonts/Gilroy-Medium.ttf",
+      weight: "600",
+      style: "normal"
+    },
+    {
+      path: "../../node_modules/@deckai/deck-ui/dist/fonts/Gilroy-Bold.ttf",
+      weight: "700",
+      style: "normal"
+    }
+  ],
+  variable: "--font-gilroy"
+});
+export default function RootLayout({
+  children
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`${gilroy.variable} antialiased`}>
+      <body>{children}</body>
+    </html>
+  );
+}
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app"
+};
+```
+and update your `tailwind.config.ts` to include the font variable and extend the `deck-ui` theme. this allows you to use `deck-ui` colors, typography, and spacing presets in your app.
+```ts
+import type { Config } from "tailwindcss";
+import { tailwindConfig } from "@deckai/deck-ui";
+export default {
+  content: [
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/@deckai/deck-ui/dist/**/*.{js,mjs}"
+  ],
+  presets: [tailwindConfig],
+  theme: {
+    extend: {
+      fontFamily: {
+        gilroy: ["var(--font-gilroy)"]
+      }
+    }
+  }
+} satisfies Config;
+import type { Config } from "tailwindcss";
+```
+See NextJS [docs](https://nextjs.org/docs/pages/building-your-application/optimizing/fonts#with-tailwind-css) for more options.
+## next config
+Update your `next.config.ts` to automatically transpile the `deck-ui` package.
+```ts
+import type { NextConfig } from "next";
+const nextConfig: NextConfig = {
+  transpilePackages: ["@deckai/deck-ui", "@deckai/icons"]
+};
+export default nextConfig;
+```
+`@deckai/icons` is a direct dependency of `@deckai/deck-ui`, so no additional configuration is needed to use it in your project.
+## using components
+next will handle all the tree shaking for you, so just import components from `@deckai/deck-ui/components/<COMPONENT>` directly.
+```ts
+import { Button } from "@deckai/deck-ui/components/Button";
+```
+### Server Components Compatibility
+The following components must be used within Client Components (you'll need to add the `'use client'` directive to the top of any file using these components):
+- `Tabs`
+- `Combobox`
+- Any components using event handlers or React hooks
+Example usage in a Client Component:
+```tsx
+"use client";
+import { Tabs } from "@deckai/deck-ui";
+```

package/dist/components/AboutCard.cjs CHANGED Viewed

@@ -1,14 +1,10 @@
-'use strict';var s=require('react'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var s__namespace=/*#__PURE__*/_interopNamespace(s);var E={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},C=e=>{let[r,t]=e.split("-");return r==="heading"?E[t]||"p":r==="label"?"label":"p"},$={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[o,n]=t.split(":");return `${o}:text-${n}`}return Array.isArray(e)?`lg:text-${t}`:`text-${t}`}).join(" "):"text-body-default",p=s__namespace.default.forwardRef(({variant:e="body-default",color:r="text-primary",as:t,className:o,children:n,weight:a,...i},l)=>{let c=R(e),u=r&&r==="inherit"?"inherit":r?`text-${r}`:"",M=s__namespace.default.useMemo(()=>{let L=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return C(L)},[e]);return s__namespace.default.createElement(t||M,{ref:l,className:`font-sans antialiased ${c} ${u} ${a?`!${$[a]}`:""} ${o??""}`,...i},n)});p.displayName="Text";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var A={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},k={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},T=s__namespace.forwardRef(({className:e,variant:r="filled",color:t="black",isLoading:o=!1,children:n,disabled:a,...i},l)=>s__namespace.createElement("button",{ref:l,className:`
-          px-7
+'use strict';var c=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),icons=require('@deckai/icons'),h=require('@radix-ui/react-collapsible');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var c__namespace=/*#__PURE__*/_interopNamespace(c);var h__namespace=/*#__PURE__*/_interopNamespace(h);var N={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},w=e=>{let[t,r]=e.split("-");return t==="heading"?N[r]||"p":t==="label"?"label":"p"},B={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},I=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",p=c__namespace.default.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:o,children:s,weight:i,...n},a)=>{let d=I(e),u=t&&t==="inherit"?"inherit":t?`text-${t}`:"",x=c__namespace.default.useMemo(()=>{let k=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return w(k)},[e]);return c__namespace.default.createElement(r||x,{ref:a,className:`font-sans antialiased ${d} ${u} ${i?`!${B[i]}`:""} ${o??""}`,...n},s)});p.displayName="Text";var H=({icon:e,size:t=40,className:r})=>{let o=c.useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let a=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",a),n.outerHTML},[e]);return o?c__namespace.default.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};H.displayName="IconRenderer";function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var A=({children:e,color:t="text-primary",variant:r="body-default-semibold",href:o,className:s,...i})=>c__namespace.default.createElement(p,{variant:r,color:t},c__namespace.default.createElement("a",{href:o,className:l("hover:opacity-80 transition-all active:scale-95 hover:underline",y,s),...i},e));var P=({icon:e,children:t,href:r,...o})=>c__namespace.default.createElement("div",{className:"row gap-2 flex items-center"},c__namespace.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},c__namespace.default.createElement(H,{icon:e,size:24,className:"text-primary"})),c__namespace.default.createElement(A,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-medium"]},t));var K={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},M={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},G=c__namespace.forwardRef(({className:e,variant:t="filled",color:r="black",isLoading:o=!1,children:s,disabled:i,...n},a)=>c__namespace.createElement("button",{ref:a,className:l(`
+          sm:px-7 px-4
           py-2
           inline-flex items-center justify-center
           rounded-lg
           transition-colors duration-200
-          ${b}
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95
-          truncate
-          ${r==="filled"?A[t]:k[t]}
-          ${e}
-        `,disabled:a||o,type:"button",...i},typeof n=="string"?s__namespace.createElement(p,{variant:"body-default-bold",color:"inherit"},n):n));T.displayName="Button";function h(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var x={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},N={sm:"@media (min-width: 640px)",md:"@media (min-width: 768px)",lg:"@media (min-width: 1024px)",xl:"@media (min-width: 1280px)","2xl":"@media (min-width: 1536px)"},I=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],t=typeof r[0]=="number"?r[0]:24,o={width:`${t}px`,height:`${t}px`},n=r.filter(a=>typeof a=="string"&&a.includes(":")).reduce((a,i)=>{let[l,c]=i.split(":");return a[N[l]]={width:`${c}px`,height:`${c}px`},a},{});return Object.keys(n).length>0&&(o["@media"]=n),o},d=s__namespace.default.forwardRef(({name:e,size:r=24,color:t="primary",title:o,className:n,style:a={},...i},l)=>{let c=icons.IconMap[e],u=I(r);return s__namespace.default.createElement("div",{className:h("flex justify-center items-center",n),style:{...u,"--icon-stroke":x[t],...a}},s__namespace.default.createElement(c,{ref:l,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:x[t],...i}))});d.displayName="Icon";var H=({iconName:e,children:r,href:t,...o})=>s__namespace.default.createElement("div",{className:"row gap-2 flex items-center"},s__namespace.default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5"},s__namespace.default.createElement(d,{name:e,color:"primaryBlue",size:18})),s__namespace.default.createElement(p,{className:"hover:underline",as:"a",href:t,...o,variant:["body-lg","md:body-default-medium"]},r));var le=({interests:e,contactItems:r,description:t,...o})=>s__namespace.default.createElement("div",{className:"border border-secondary rounded-2xl p-10 relative flex",...o},s__namespace.default.createElement(T,{variant:"outlined",className:"absolute top-10 right-10 !px-2 py-2"},s__namespace.default.createElement(d,{color:"primary",name:"edit-2"})),s__namespace.default.createElement("div",{className:"flex basis-1/2 flex-col gap-2 pr-10"},s__namespace.default.createElement(p,{variant:"body-default"},t)),s__namespace.default.createElement("span",{className:"absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),s__namespace.default.createElement("div",{className:"flex flex-col pt-8 gap-4 pl-10"},r.map(n=>s__namespace.default.createElement(H,{key:n.title,...n}))));if (exports.default) module.exports = exports.default;exports.AboutCard=le;//# sourceMappingURL=AboutCard.cjs.map
+          truncate`,y,t==="filled"?K[r]:M[r],e),disabled:i||o,type:"button",...n},typeof s=="string"?c__namespace.createElement(p,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},s):s));G.displayName="Button";var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},F={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},q=e=>{if(!e)return {width:"24px",height:"24px"};let t=Array.isArray(e)?e:[e],r={},o;return t.forEach(s=>{if(typeof s=="number")o=`${s}px`;else {let[i,n]=s.split(":"),a=parseInt(n,10);r[`@media (min-width: ${F[i]})`]=`${a}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(r).reduce((s,[i,n])=>({...s,[i]:{width:n,height:n}}),{})}},C=c__namespace.default.forwardRef(({name:e,size:t=24,color:r="primary",title:o,className:s,style:i={},...n},a)=>{let d=icons.IconMap[e],u=q(t);return c__namespace.default.createElement("div",{className:l("flex justify-center items-center",s),style:{...u,"--icon-stroke":S[r],...i}},c__namespace.default.createElement(d,{ref:a,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:S[r],...n}))});C.displayName="Icon";var g=({children:e,type:t="button",className:r,disabled:o,...s})=>c__namespace.default.createElement("button",{type:t,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${y} ${r} ${o?"opacity-50 cursor-not-allowed":""}`,...s},e);var E=({className:e,onClick:t})=>c__namespace.default.createElement(g,{className:l("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",M.black,e),onClick:t},c__namespace.default.createElement(C,{color:"primary",name:"edit-2"}));E.displayName="EditButton";var v=({children:e,maxHeight:t=100})=>{let[r,o]=c__namespace.default.useState(!1),s=c.useRef(null),[i,n]=c.useState(t);c.useLayoutEffect(()=>{if(!s.current)return;let d=new ResizeObserver(u=>{for(let x of u)n(x.target.scrollHeight);});return d.observe(s.current),()=>d.disconnect()},[]);let a=i>t;return c__namespace.default.createElement(h__namespace.Root,{open:r,onOpenChange:o},c__namespace.default.createElement("div",{className:"relative"},c__namespace.default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:r?`${i}px`:`${t}px`}},c__namespace.default.createElement("div",{ref:s,className:"w-full"},e)),a&&c__namespace.default.createElement(h__namespace.Trigger,{asChild:!0},c__namespace.default.createElement(g,{className:l("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!r&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},c__namespace.default.createElement(p,{variant:"label-default",color:"text-secondary"},r?"See less":"See more")))))};v.displayName="Collapsible";var De=({interests:e,contactItems:t,description:r,isEditMode:o=!1,onEditClick:s,...i})=>c__namespace.default.createElement("div",{className:"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4",...i},o&&c__namespace.default.createElement(E,{onClick:s}),c__namespace.default.createElement("div",{className:"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0"},c__namespace.default.createElement(v,{maxHeight:120},c__namespace.default.createElement(p,{variant:"body-default"},r))),c__namespace.default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),c__namespace.default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),c__namespace.default.createElement("div",{className:"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8"},t.map(n=>c__namespace.default.createElement(P,{key:n.title,...n}))));if (exports.default) module.exports = exports.default;exports.AboutCard=De;//# sourceMappingURL=AboutCard.cjs.map
 //# sourceMappingURL=AboutCard.cjs.map

package/dist/components/AboutCard.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/components/Icon.tsx","../../src/utils/index.ts","../../src/components/ContactItem.tsx","../../src/components/AboutCard.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","m","isLoading","disabled","cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","baseSize","style","mediaQueries","acc","value","Icon","name","title","IconComponent","IconMap","sizeStyles","ContactItem","iconName","href","linkProps","AboutCard","interests","contactItems","description","contactProps"],"mappings":"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","file":"AboutCard.cjs","sourcesContent":["import React from \"react\";\nimport {\n Colors,\n TextColorVariant,\n PrimaryShades,\n SecondaryShades,\n TertiaryShades,\n Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n \| \"p\"\n \| \"span\"\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\"\n \| \"strong\"\n \| \"em\"\n \| \"blockquote\"\n \| \"pre\"\n \| \"code\"\n \| \"small\"\n \| \"label\"\n \| \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" \| \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n ? TextColorVariant\n : T extends \"primary\"\n ? keyof PrimaryShades\n : T extends \"secondary\"\n ? keyof SecondaryShades\n : T extends \"tertiary\"\n ? keyof TertiaryShades\n : never;\n\ntype ColorKey = {\n [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string \| number \| bigint \| boolean \| null \| undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] \|\| \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveVariant = TypographyKey \| `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant \| ResponsiveVariant[];\n color?: ColorKey \| \"inherit\";\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant \| ResponsiveVariant[] \| undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return Array.isArray(variants) ? `lg:text-${variant}` : `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"text-primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles\n const colorClasses =\n color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as \|\| suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n weight ? `!${fontWeight[weight]}` : \"\"\n } ${className ?? \"\"}`}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n const safelist: string[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n return [\n ...typographyClasses,\n ...responsiveTypographyClasses\n // ... rest of your safelist\n ];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type ButtonProps = {\n /** @default filled /\n variant?: \"filled\" \| \"outlined\";\n /* @default primary /\n color?: \"black\" \| \"accent\" \| \"secondary\";\n isLoading?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n start?: React.ReactNode;\n end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst filled = {\n black: \"bg-text-primary text-white\",\n // fade it slightly\n accent: \"bg-primary-100 text-white\",\n secondary: \"bg-secondary-100 text-secondary\"\n};\n\nconst outlined = {\n black: \"border border-text-primary text-text-primary\",\n accent: \"border border-primary-100 text-primary-100\",\n secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant = \"filled\",\n color = \"black\",\n isLoading = false,\n children,\n disabled,\n ...props\n },\n ref\n ) => (\n <button\n ref={ref}\n className={`\n px-7\n py-2\n inline-flex items-center justify-center\n rounded-lg \n transition-colors duration-200\n ${focusRingStyles}\n disabled:opacity-50 disabled:pointer-events-none\n hover:opacity-80 active:scale-95 \n truncate\n ${variant === \"filled\" ? filled[color] : outlined[color]}\n ${className}\n `}\n disabled={disabled \|\| isLoading}\n type=\"button\"\n {...props}\n >\n {typeof children === \"string\" ? (\n <Text variant=\"body-default-bold\" color=\"inherit\">\n {children}\n </Text>\n ) : (\n children\n )}\n </button>\n )\n);\n\nButton.displayName = \"Button\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type IconProps = {\n name: IconName;\n /* @default 24 /\n size?: number \| `${Breakpoint}:${number}`;\n /* @default primary /\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" \| \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"#080808\",\n secondary: \"#666666\",\n white: \"#ffffff\",\n primaryBlue: \"#089CCB\"\n};\n\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveSize = number \| `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n sm: \"@media (min-width: 640px)\",\n md: \"@media (min-width: 768px)\",\n lg: \"@media (min-width: 1024px)\",\n xl: \"@media (min-width: 1280px)\",\n \"2xl\": \"@media (min-width: 1536px)\"\n};\n\nconst processSizes = (\n sizes: ResponsiveSize \| ResponsiveSize[] \| undefined\n): React.CSSProperties => {\n if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n const baseSize = typeof sizeArray[0] === \"number\" ? sizeArray[0] : 24;\n\n const style: React.CSSProperties = {\n width: `${baseSize}px`,\n height: `${baseSize}px`\n };\n\n // Add media queries for responsive sizes\n const mediaQueries = sizeArray\n .filter(\n (size): size is `${Breakpoint}:${number}` =>\n typeof size === \"string\" && size.includes(\":\")\n )\n .reduce(\n (acc, size) => {\n const [breakpoint, value] = size.split(\":\") as [Breakpoint, string];\n acc[BREAKPOINT_MAP[breakpoint]] = {\n width: `${value}px`,\n height: `${value}px`\n };\n return acc;\n },\n {} as Record<string, React.CSSProperties>\n );\n\n if (Object.keys(mediaQueries).length > 0) {\n (style as any)[\"@media\"] = mediaQueries;\n }\n\n return style;\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const sizeStyles = processSizes(size);\n\n return (\n <div\n className={cn(\"flex justify-center items-center\", className)}\n style={{\n ...sizeStyles,\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import type { IconName } from \"@deckai/icons\";\nimport React, { HTMLAttributes } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type ContactItemProps = {\n iconName: IconName;\n children: React.ReactNode;\n href: string;\n} & Omit<HTMLAttributes<HTMLAnchorElement>, \"color\">;\n\nexport const ContactItem = ({\n iconName,\n children,\n href,\n ...linkProps\n}: ContactItemProps) => (\n <div className=\"row gap-2 flex items-center\">\n <div className=\"bg-secondary-400 rounded-full p-2.5\">\n <Icon name={iconName} color=\"primaryBlue\" size={18} />\n </div>\n <Text\n className=\"hover:underline\"\n as=\"a\"\n href={href}\n {...linkProps}\n variant={[\"body-lg\", \"md:body-default-medium\"]}\n >\n {children}\n </Text>\n </div>\n);\n","import React from \"react\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { ContactItem, ContactItemProps } from \"./ContactItem\";\n\nexport type AboutCardProps = {\n interests: string[];\n contactItems: ContactItemProps[];\n description: string;\n};\n\nexport const AboutCard = ({\n interests,\n contactItems,\n description,\n ...props\n}: AboutCardProps) => (\n <div\n className=\"border border-secondary rounded-2xl p-10 relative flex\"\n {...props}\n >\n <Button variant=\"outlined\" className=\"absolute top-10 right-10 !px-2 py-2\">\n <Icon color=\"primary\" name=\"edit-2\" />\n </Button>\n <div className=\"flex basis-1/2 flex-col gap-2 pr-10\">\n <Text variant=\"body-default\">{description}</Text>\n </div>\n {/ vertical divider */}\n <span className=\"absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10\" />\n <div className=\"flex flex-col pt-8 gap-4 pl-10\">\n {contactItems.map((contactProps) => (\n <ContactItem key={contactProps.title} {...contactProps} />\n ))}\n </div>\n </div>\n);\n"]}
1	+ {"version":3,"sources":["../../src/components/Text.tsx","../../src/components/IconRenderer.tsx","../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Link.tsx","../../src/components/ContactItem.tsx","../../src/components/EditButton.tsx","../../src/components/Button.tsx","../../src/components/Icon.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx","../../src/components/AboutCard.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","IconRenderer","icon","sanitizedSvg","useMemo","svg","viewBox","cn","inputs","twMerge","clsx","focusRingStyles","Link","href","ContactItem","linkProps","filled","outlined","Button","f","isLoading","disabled","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","valueStr","value","acc","query","Icon","name","title","style","IconComponent","IconMap","sizeStyles","Pressable","type","EditButton","onClick","Collapsible","maxHeight","open","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","useLayoutEffect","resizeObserver","entries","entry","shouldShowTrigger","h","AboutCard","interests","contactItems","description","isEditMode","onEditClick","contactProps"],"mappings":"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","file":"AboutCard.cjs","sourcesContent":["import React from \"react\";\nimport {\n Colors,\n TextColorVariant,\n PrimaryShades,\n SecondaryShades,\n TertiaryShades,\n Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n \| \"p\"\n \| \"span\"\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\"\n \| \"strong\"\n \| \"em\"\n \| \"blockquote\"\n \| \"pre\"\n \| \"code\"\n \| \"small\"\n \| \"label\"\n \| \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" \| \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n ? TextColorVariant\n : T extends \"primary\"\n ? keyof PrimaryShades\n : T extends \"secondary\"\n ? keyof SecondaryShades\n : T extends \"tertiary\"\n ? keyof TertiaryShades\n : never;\n\ntype ColorKey = {\n [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string \| number \| bigint \| boolean \| null \| undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] \|\| \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveVariant = TypographyKey \| `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant \| ResponsiveVariant[];\n color?: ColorKey \| \"inherit\";\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant \| ResponsiveVariant[] \| undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"text-primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles\n const colorClasses =\n color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as \|\| suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n weight ? `!${fontWeight[weight]}` : \"\"\n } ${className ?? \"\"}`}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import React, { useMemo } from \"react\";\n\nexport type IconRendererProps = {\n icon: string;\n size?: number;\n className?: string;\n};\n\nexport const IconRenderer = ({\n icon,\n size = 40,\n className\n}: IconRendererProps) => {\n const sanitizedSvg = useMemo(() => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(icon, \"image/svg+xml\");\n const svg = doc.querySelector(\"svg\");\n\n if (!svg) return null;\n\n // Set size attributes but preserve aspect ratio\n svg.setAttribute(\"width\", \"100%\");\n svg.setAttribute(\"height\", \"100%\");\n svg.setAttribute(\"preserveAspectRatio\", \"xMidYMid meet\");\n\n // Get the original viewBox or use the default\n const viewBox = svg.getAttribute(\"viewBox\") \|\| \"0 0 40 40\";\n svg.setAttribute(\"viewBox\", viewBox);\n\n return svg.outerHTML;\n }, [icon]);\n\n if (!sanitizedSvg) return null;\n\n return (\n <div\n style={{\n width: size,\n height: size,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n }}\n className={className}\n dangerouslySetInnerHTML={{ __html: sanitizedSvg }}\n />\n );\n};\n\nIconRenderer.displayName = \"IconRenderer\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n const safelist: string[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n return [\n ...typographyClasses,\n ...responsiveTypographyClasses\n // ... rest of your safelist\n ];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React from \"react\";\nimport { Text, TextProps } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type LinkProps = {\n href: string;\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n} & Pick<TextProps, \"variant\" \| \"color\"> &\n React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const Link = ({\n children,\n color = \"text-primary\",\n variant = \"body-default-semibold\",\n href,\n className,\n ...props\n}: LinkProps) => (\n <Text variant={variant} color={color}>\n <a\n href={href}\n className={cn(\n \"hover:opacity-80 transition-all active:scale-95 hover:underline\",\n focusRingStyles,\n className\n )}\n {...props}\n >\n {children}\n </a>\n </Text>\n);\n","import React, { HTMLAttributes } from \"react\";\nimport { IconRenderer } from \"./IconRenderer\";\nimport { Link } from \"./Link\";\n\nexport type ContactItemProps = {\n // TODO: figure out how to get filled icons to work correctly\n icon: string;\n children: React.ReactNode;\n href: string;\n} & Omit<HTMLAttributes<HTMLAnchorElement>, \"color\">;\n\nexport const ContactItem = ({\n icon,\n children,\n href,\n ...linkProps\n}: ContactItemProps) => (\n <div className=\"row gap-2 flex items-center\">\n <div className=\"bg-secondary-400 rounded-full p-2.5 items-center justify-center\">\n <IconRenderer icon={icon} size={24} className=\"text-primary\" />\n </div>\n <Link\n className=\"hover:underline\"\n href={href}\n {...linkProps}\n variant={[\"body-default-semibold\", \"md:body-default-medium\"]}\n >\n {children}\n </Link>\n </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { outlined } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type EditButtonProps = {\n className?: string;\n onClick?: () => void;\n};\n\nexport const EditButton = ({ className, onClick }: EditButtonProps) => {\n return (\n <Pressable\n className={cn(\n \"absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg\",\n outlined.black,\n className\n )}\n onClick={onClick}\n >\n <Icon color=\"primary\" name=\"edit-2\" />\n </Pressable>\n );\n};\n\nEditButton.displayName = \"EditButton\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type ButtonProps = {\n /** @default filled /\n variant?: \"filled\" \| \"outlined\";\n /* @default primary /\n color?: \"black\" \| \"accent\" \| \"secondary\";\n isLoading?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n start?: React.ReactNode;\n end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const filled = {\n black: \"bg-text-primary text-white\",\n // fade it slightly\n accent: \"bg-primary-100 text-white\",\n secondary: \"bg-secondary-100 text-secondary\"\n};\n\nexport const outlined = {\n black: \"border border-text-primary text-text-primary\",\n accent: \"border border-primary-100 text-primary-100\",\n secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant = \"filled\",\n color = \"black\",\n isLoading = false,\n children,\n disabled,\n ...props\n },\n ref\n ) => (\n <button\n ref={ref}\n className={cn(\n `\n sm:px-7 px-4\n py-2\n inline-flex items-center justify-center\n rounded-lg \n transition-colors duration-200\n disabled:opacity-50 disabled:pointer-events-none\n hover:opacity-80 active:scale-95 \n truncate`,\n focusRingStyles,\n variant === \"filled\" ? filled[color] : outlined[color],\n className\n )}\n disabled={disabled \|\| isLoading}\n type=\"button\"\n {...props}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={[\"sm:body-default-bold\", \"body-xxs-semibold\"]}\n color=\"inherit\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </button>\n )\n);\n\nButton.displayName = \"Button\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveSize = number \| `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n name: IconName;\n /* @default 24 /\n size?: ResponsiveSize \| ResponsiveSize[];\n /* @default primary /\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" \| \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"#080808\",\n secondary: \"#666666\",\n white: \"#ffffff\",\n primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n sizes: ResponsiveSize \| ResponsiveSize[] \| undefined\n): React.CSSProperties => {\n if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n const mediaQueries: Record<string, string> = {};\n let baseSize: string \| undefined;\n\n // Process each size\n sizeArray.forEach((size) => {\n if (typeof size === \"number\") {\n baseSize = `${size}px`;\n } else {\n const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n `${value}px`;\n }\n });\n\n // Create the style object with the correct structure\n return {\n width: baseSize \|\| \"24px\",\n height: baseSize \|\| \"24px\",\n ...Object.entries(mediaQueries).reduce(\n (acc, [query, size]) => ({\n ...acc,\n [query]: {\n width: size,\n height: size\n }\n }),\n {}\n )\n };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const sizeStyles = processSizes(size);\n\n return (\n <div\n className={cn(\"flex justify-center items-center\", className)}\n style={{\n ...sizeStyles,\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n children,\n type = \"button\",\n className,\n disabled,\n ...props\n}) => (\n <button\n // eslint-disable-next-line react/butt on-has-type\n type={type}\n disabled={disabled}\n className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n {...props}\n >\n {children}\n </button>\n);\n","import React, { useRef, useLayoutEffect, useState } from \"react\";\nimport as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\nimport { cn } from \"../utils\";\n\nexport type CollapsibleProps = {\n children: React.ReactNode;\n maxHeight?: number;\n};\n\nexport const Collapsible = ({\n children,\n maxHeight = 100\n}: CollapsibleProps) => {\n const [open, setOpen] = React.useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n // Measure content height on mount and resize\n useLayoutEffect(() => {\n if (!contentRef.current) return;\n\n const resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n setContentHeight(entry.target.scrollHeight);\n }\n });\n\n resizeObserver.observe(contentRef.current);\n return () => resizeObserver.disconnect();\n }, []);\n\n const shouldShowTrigger = contentHeight > maxHeight;\n\n return (\n <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n <div className=\"relative\">\n <div\n className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n style={{\n height: open ? `${contentHeight}px` : `${maxHeight}px`\n }}\n >\n <div ref={contentRef} className=\"w-full\">\n {children}\n </div>\n </div>\n\n {shouldShowTrigger && (\n <RadixCollapsible.Trigger asChild>\n <Pressable\n className={cn(\n \"absolute -bottom-8 left-0 right-0\",\n \"flex items-end justify-center\",\n \"h-16 pt-8 pb-2\",\n !open && \"bg-gradient-to-b from-transparent via-white to-white\",\n \"hover:opacity-100 transition-opacity\"\n )}\n >\n <Text variant=\"label-default\" color=\"text-secondary\">\n {open ? \"See less\" : \"See more\"}\n </Text>\n </Pressable>\n </RadixCollapsible.Trigger>\n )}\n </div>\n </RadixCollapsible.Root>\n );\n};\n\nCollapsible.displayName = \"Collapsible\";\n","import React from \"react\";\nimport { Text } from \"./Text\";\nimport { ContactItem, ContactItemProps } from \"./ContactItem\";\nimport { EditButton } from \"./EditButton\";\nimport { Collapsible } from \"./Collapsible\";\n\nexport type AboutCardProps = {\n interests: string[];\n contactItems: ContactItemProps[];\n description: string;\n isEditMode?: boolean;\n onEditClick?: () => void;\n};\n\nexport const AboutCard = ({\n interests,\n contactItems,\n description,\n isEditMode = false,\n onEditClick,\n ...props\n}: AboutCardProps) => (\n <div\n className=\"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4\"\n {...props}\n >\n {isEditMode && <EditButton onClick={onEditClick} />}\n <div className=\"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0\">\n <Collapsible maxHeight={120}>\n <Text variant=\"body-default\">{description}</Text>\n </Collapsible>\n </div>\n {/* vertical divider for desktop /}\n <span className=\"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10\" />\n {/ horizontal divider for mobile */}\n <span className=\"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10\" />\n <div className=\"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8\">\n {contactItems.map((contactProps) => (\n <ContactItem key={contactProps.title} {...contactProps} />\n ))}\n </div>\n </div>\n);\n"]}

package/dist/components/AboutCard.d.cts CHANGED Viewed

@@ -1,12 +1,13 @@
 import React__default from 'react';
 import { ContactItemProps } from './ContactItem.cjs';
-import '@deckai/icons';
 type AboutCardProps = {
     interests: string[];
     contactItems: ContactItemProps[];
     description: string;
+    isEditMode?: boolean;
+    onEditClick?: () => void;
 };
-declare const AboutCard: ({ interests, contactItems, description, ...props }: AboutCardProps) => React__default.JSX.Element;
+declare const AboutCard: ({ interests, contactItems, description, isEditMode, onEditClick, ...props }: AboutCardProps) => React__default.JSX.Element;
 export { AboutCard, type AboutCardProps };

package/dist/components/AboutCard.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
 import React__default from 'react';
 import { ContactItemProps } from './ContactItem.js';
-import '@deckai/icons';
 type AboutCardProps = {
     interests: string[];
     contactItems: ContactItemProps[];
     description: string;
+    isEditMode?: boolean;
+    onEditClick?: () => void;
 };
-declare const AboutCard: ({ interests, contactItems, description, ...props }: AboutCardProps) => React__default.JSX.Element;
+declare const AboutCard: ({ interests, contactItems, description, isEditMode, onEditClick, ...props }: AboutCardProps) => React__default.JSX.Element;
 export { AboutCard, type AboutCardProps };

package/dist/components/AboutCard.js CHANGED Viewed

@@ -1,14 +1,10 @@
-import*as s from'react';import s__default from'react';import {IconMap}from'@deckai/icons';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';var E={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},C=e=>{let[r,t]=e.split("-");return r==="heading"?E[t]||"p":r==="label"?"label":"p"},$={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},R=e=>e?(Array.isArray(e)?e:[e]).map(t=>{if(t.includes(":")){let[o,n]=t.split(":");return `${o}:text-${n}`}return Array.isArray(e)?`lg:text-${t}`:`text-${t}`}).join(" "):"text-body-default",p=s__default.forwardRef(({variant:e="body-default",color:r="text-primary",as:t,className:o,children:n,weight:a,...i},l)=>{let c=R(e),u=r&&r==="inherit"?"inherit":r?`text-${r}`:"",M=s__default.useMemo(()=>{let L=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return C(L)},[e]);return s__default.createElement(t||M,{ref:l,className:`font-sans antialiased ${c} ${u} ${a?`!${$[a]}`:""} ${o??""}`,...i},n)});p.displayName="Text";var b="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var A={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},k={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},T=s.forwardRef(({className:e,variant:r="filled",color:t="black",isLoading:o=!1,children:n,disabled:a,...i},l)=>s.createElement("button",{ref:l,className:`
-          px-7
+import*as c from'react';import c__default,{useRef,useState,useLayoutEffect,useMemo}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';import*as h from'@radix-ui/react-collapsible';var N={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},w=e=>{let[t,r]=e.split("-");return t==="heading"?N[r]||"p":t==="label"?"label":"p"},B={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},I=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[o,s]=r.split(":");return `${o}:text-${s}`}return `text-${r}`}).join(" "):"text-body-default",p=c__default.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:o,children:s,weight:i,...n},a)=>{let d=I(e),u=t&&t==="inherit"?"inherit":t?`text-${t}`:"",x=c__default.useMemo(()=>{let k=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return w(k)},[e]);return c__default.createElement(r||x,{ref:a,className:`font-sans antialiased ${d} ${u} ${i?`!${B[i]}`:""} ${o??""}`,...n},s)});p.displayName="Text";var H=({icon:e,size:t=40,className:r})=>{let o=useMemo(()=>{let n=new DOMParser().parseFromString(e,"image/svg+xml").querySelector("svg");if(!n)return null;n.setAttribute("width","100%"),n.setAttribute("height","100%"),n.setAttribute("preserveAspectRatio","xMidYMid meet");let a=n.getAttribute("viewBox")||"0 0 40 40";return n.setAttribute("viewBox",a),n.outerHTML},[e]);return o?c__default.createElement("div",{style:{width:t,height:t,display:"flex",alignItems:"center",justifyContent:"center"},className:r,dangerouslySetInnerHTML:{__html:o}}):null};H.displayName="IconRenderer";function l(...e){return twMerge(clsx(e))}var y="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var A=({children:e,color:t="text-primary",variant:r="body-default-semibold",href:o,className:s,...i})=>c__default.createElement(p,{variant:r,color:t},c__default.createElement("a",{href:o,className:l("hover:opacity-80 transition-all active:scale-95 hover:underline",y,s),...i},e));var P=({icon:e,children:t,href:r,...o})=>c__default.createElement("div",{className:"row gap-2 flex items-center"},c__default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5 items-center justify-center"},c__default.createElement(H,{icon:e,size:24,className:"text-primary"})),c__default.createElement(A,{className:"hover:underline",href:r,...o,variant:["body-default-semibold","md:body-default-medium"]},t));var K={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},M={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},G=c.forwardRef(({className:e,variant:t="filled",color:r="black",isLoading:o=!1,children:s,disabled:i,...n},a)=>c.createElement("button",{ref:a,className:l(`
+          sm:px-7 px-4
           py-2
           inline-flex items-center justify-center
           rounded-lg
           transition-colors duration-200
-          ${b}
           disabled:opacity-50 disabled:pointer-events-none
           hover:opacity-80 active:scale-95
-          truncate
-          ${r==="filled"?A[t]:k[t]}
-          ${e}
-        `,disabled:a||o,type:"button",...i},typeof n=="string"?s.createElement(p,{variant:"body-default-bold",color:"inherit"},n):n));T.displayName="Button";function h(...e){return twMerge(clsx(e))}var x={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},N={sm:"@media (min-width: 640px)",md:"@media (min-width: 768px)",lg:"@media (min-width: 1024px)",xl:"@media (min-width: 1280px)","2xl":"@media (min-width: 1536px)"},I=e=>{if(!e)return {width:"24px",height:"24px"};let r=Array.isArray(e)?e:[e],t=typeof r[0]=="number"?r[0]:24,o={width:`${t}px`,height:`${t}px`},n=r.filter(a=>typeof a=="string"&&a.includes(":")).reduce((a,i)=>{let[l,c]=i.split(":");return a[N[l]]={width:`${c}px`,height:`${c}px`},a},{});return Object.keys(n).length>0&&(o["@media"]=n),o},d=s__default.forwardRef(({name:e,size:r=24,color:t="primary",title:o,className:n,style:a={},...i},l)=>{let c=IconMap[e],u=I(r);return s__default.createElement("div",{className:h("flex justify-center items-center",n),style:{...u,"--icon-stroke":x[t],...a}},s__default.createElement(c,{ref:l,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:x[t],...i}))});d.displayName="Icon";var H=({iconName:e,children:r,href:t,...o})=>s__default.createElement("div",{className:"row gap-2 flex items-center"},s__default.createElement("div",{className:"bg-secondary-400 rounded-full p-2.5"},s__default.createElement(d,{name:e,color:"primaryBlue",size:18})),s__default.createElement(p,{className:"hover:underline",as:"a",href:t,...o,variant:["body-lg","md:body-default-medium"]},r));var le=({interests:e,contactItems:r,description:t,...o})=>s__default.createElement("div",{className:"border border-secondary rounded-2xl p-10 relative flex",...o},s__default.createElement(T,{variant:"outlined",className:"absolute top-10 right-10 !px-2 py-2"},s__default.createElement(d,{color:"primary",name:"edit-2"})),s__default.createElement("div",{className:"flex basis-1/2 flex-col gap-2 pr-10"},s__default.createElement(p,{variant:"body-default"},t)),s__default.createElement("span",{className:"absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),s__default.createElement("div",{className:"flex flex-col pt-8 gap-4 pl-10"},r.map(n=>s__default.createElement(H,{key:n.title,...n}))));if (exports.default) module.exports = exports.default;export{le as AboutCard};//# sourceMappingURL=AboutCard.js.map
+          truncate`,y,t==="filled"?K[r]:M[r],e),disabled:i||o,type:"button",...n},typeof s=="string"?c.createElement(p,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},s):s));G.displayName="Button";var S={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},F={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},q=e=>{if(!e)return {width:"24px",height:"24px"};let t=Array.isArray(e)?e:[e],r={},o;return t.forEach(s=>{if(typeof s=="number")o=`${s}px`;else {let[i,n]=s.split(":"),a=parseInt(n,10);r[`@media (min-width: ${F[i]})`]=`${a}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(r).reduce((s,[i,n])=>({...s,[i]:{width:n,height:n}}),{})}},C=c__default.forwardRef(({name:e,size:t=24,color:r="primary",title:o,className:s,style:i={},...n},a)=>{let d=IconMap[e],u=q(t);return c__default.createElement("div",{className:l("flex justify-center items-center",s),style:{...u,"--icon-stroke":S[r],...i}},c__default.createElement(d,{ref:a,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:S[r],...n}))});C.displayName="Icon";var g=({children:e,type:t="button",className:r,disabled:o,...s})=>c__default.createElement("button",{type:t,disabled:o,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${y} ${r} ${o?"opacity-50 cursor-not-allowed":""}`,...s},e);var E=({className:e,onClick:t})=>c__default.createElement(g,{className:l("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",M.black,e),onClick:t},c__default.createElement(C,{color:"primary",name:"edit-2"}));E.displayName="EditButton";var v=({children:e,maxHeight:t=100})=>{let[r,o]=c__default.useState(!1),s=useRef(null),[i,n]=useState(t);useLayoutEffect(()=>{if(!s.current)return;let d=new ResizeObserver(u=>{for(let x of u)n(x.target.scrollHeight);});return d.observe(s.current),()=>d.disconnect()},[]);let a=i>t;return c__default.createElement(h.Root,{open:r,onOpenChange:o},c__default.createElement("div",{className:"relative"},c__default.createElement("div",{className:"overflow-hidden transition-[height] duration-300 ease-in-out",style:{height:r?`${i}px`:`${t}px`}},c__default.createElement("div",{ref:s,className:"w-full"},e)),a&&c__default.createElement(h.Trigger,{asChild:!0},c__default.createElement(g,{className:l("absolute -bottom-8 left-0 right-0","flex items-end justify-center","h-16 pt-8 pb-2",!r&&"bg-gradient-to-b from-transparent via-white to-white","hover:opacity-100 transition-opacity")},c__default.createElement(p,{variant:"label-default",color:"text-secondary"},r?"See less":"See more")))))};v.displayName="Collapsible";var De=({interests:e,contactItems:t,description:r,isEditMode:o=!1,onEditClick:s,...i})=>c__default.createElement("div",{className:"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4",...i},o&&c__default.createElement(E,{onClick:s}),c__default.createElement("div",{className:"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0"},c__default.createElement(v,{maxHeight:120},c__default.createElement(p,{variant:"body-default"},r))),c__default.createElement("span",{className:"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10"}),c__default.createElement("span",{className:"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10"}),c__default.createElement("div",{className:"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8"},t.map(n=>c__default.createElement(P,{key:n.title,...n}))));if (exports.default) module.exports = exports.default;export{De as AboutCard};//# sourceMappingURL=AboutCard.js.map
 //# sourceMappingURL=AboutCard.js.map

package/dist/components/AboutCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/components/Icon.tsx","../../src/utils/index.ts","../../src/components/ContactItem.tsx","../../src/components/AboutCard.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","m","isLoading","disabled","cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","baseSize","style","mediaQueries","acc","value","Icon","name","title","IconComponent","IconMap","sizeStyles","ContactItem","iconName","href","linkProps","AboutCard","interests","contactItems","description","contactProps"],"mappings":"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","file":"AboutCard.js","sourcesContent":["import React from \"react\";\nimport {\n Colors,\n TextColorVariant,\n PrimaryShades,\n SecondaryShades,\n TertiaryShades,\n Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n \| \"p\"\n \| \"span\"\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\"\n \| \"strong\"\n \| \"em\"\n \| \"blockquote\"\n \| \"pre\"\n \| \"code\"\n \| \"small\"\n \| \"label\"\n \| \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" \| \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n ? TextColorVariant\n : T extends \"primary\"\n ? keyof PrimaryShades\n : T extends \"secondary\"\n ? keyof SecondaryShades\n : T extends \"tertiary\"\n ? keyof TertiaryShades\n : never;\n\ntype ColorKey = {\n [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string \| number \| bigint \| boolean \| null \| undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] \|\| \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveVariant = TypographyKey \| `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant \| ResponsiveVariant[];\n color?: ColorKey \| \"inherit\";\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant \| ResponsiveVariant[] \| undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return Array.isArray(variants) ? `lg:text-${variant}` : `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"text-primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles\n const colorClasses =\n color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as \|\| suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n weight ? `!${fontWeight[weight]}` : \"\"\n } ${className ?? \"\"}`}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n const safelist: string[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n return [\n ...typographyClasses,\n ...responsiveTypographyClasses\n // ... rest of your safelist\n ];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type ButtonProps = {\n /** @default filled /\n variant?: \"filled\" \| \"outlined\";\n /* @default primary /\n color?: \"black\" \| \"accent\" \| \"secondary\";\n isLoading?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n start?: React.ReactNode;\n end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst filled = {\n black: \"bg-text-primary text-white\",\n // fade it slightly\n accent: \"bg-primary-100 text-white\",\n secondary: \"bg-secondary-100 text-secondary\"\n};\n\nconst outlined = {\n black: \"border border-text-primary text-text-primary\",\n accent: \"border border-primary-100 text-primary-100\",\n secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant = \"filled\",\n color = \"black\",\n isLoading = false,\n children,\n disabled,\n ...props\n },\n ref\n ) => (\n <button\n ref={ref}\n className={`\n px-7\n py-2\n inline-flex items-center justify-center\n rounded-lg \n transition-colors duration-200\n ${focusRingStyles}\n disabled:opacity-50 disabled:pointer-events-none\n hover:opacity-80 active:scale-95 \n truncate\n ${variant === \"filled\" ? filled[color] : outlined[color]}\n ${className}\n `}\n disabled={disabled \|\| isLoading}\n type=\"button\"\n {...props}\n >\n {typeof children === \"string\" ? (\n <Text variant=\"body-default-bold\" color=\"inherit\">\n {children}\n </Text>\n ) : (\n children\n )}\n </button>\n )\n);\n\nButton.displayName = \"Button\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type IconProps = {\n name: IconName;\n /* @default 24 /\n size?: number \| `${Breakpoint}:${number}`;\n /* @default primary /\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" \| \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"#080808\",\n secondary: \"#666666\",\n white: \"#ffffff\",\n primaryBlue: \"#089CCB\"\n};\n\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveSize = number \| `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n sm: \"@media (min-width: 640px)\",\n md: \"@media (min-width: 768px)\",\n lg: \"@media (min-width: 1024px)\",\n xl: \"@media (min-width: 1280px)\",\n \"2xl\": \"@media (min-width: 1536px)\"\n};\n\nconst processSizes = (\n sizes: ResponsiveSize \| ResponsiveSize[] \| undefined\n): React.CSSProperties => {\n if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n const baseSize = typeof sizeArray[0] === \"number\" ? sizeArray[0] : 24;\n\n const style: React.CSSProperties = {\n width: `${baseSize}px`,\n height: `${baseSize}px`\n };\n\n // Add media queries for responsive sizes\n const mediaQueries = sizeArray\n .filter(\n (size): size is `${Breakpoint}:${number}` =>\n typeof size === \"string\" && size.includes(\":\")\n )\n .reduce(\n (acc, size) => {\n const [breakpoint, value] = size.split(\":\") as [Breakpoint, string];\n acc[BREAKPOINT_MAP[breakpoint]] = {\n width: `${value}px`,\n height: `${value}px`\n };\n return acc;\n },\n {} as Record<string, React.CSSProperties>\n );\n\n if (Object.keys(mediaQueries).length > 0) {\n (style as any)[\"@media\"] = mediaQueries;\n }\n\n return style;\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const sizeStyles = processSizes(size);\n\n return (\n <div\n className={cn(\"flex justify-center items-center\", className)}\n style={{\n ...sizeStyles,\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import type { IconName } from \"@deckai/icons\";\nimport React, { HTMLAttributes } from \"react\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\n\nexport type ContactItemProps = {\n iconName: IconName;\n children: React.ReactNode;\n href: string;\n} & Omit<HTMLAttributes<HTMLAnchorElement>, \"color\">;\n\nexport const ContactItem = ({\n iconName,\n children,\n href,\n ...linkProps\n}: ContactItemProps) => (\n <div className=\"row gap-2 flex items-center\">\n <div className=\"bg-secondary-400 rounded-full p-2.5\">\n <Icon name={iconName} color=\"primaryBlue\" size={18} />\n </div>\n <Text\n className=\"hover:underline\"\n as=\"a\"\n href={href}\n {...linkProps}\n variant={[\"body-lg\", \"md:body-default-medium\"]}\n >\n {children}\n </Text>\n </div>\n);\n","import React from \"react\";\nimport { Button } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Text } from \"./Text\";\nimport { ContactItem, ContactItemProps } from \"./ContactItem\";\n\nexport type AboutCardProps = {\n interests: string[];\n contactItems: ContactItemProps[];\n description: string;\n};\n\nexport const AboutCard = ({\n interests,\n contactItems,\n description,\n ...props\n}: AboutCardProps) => (\n <div\n className=\"border border-secondary rounded-2xl p-10 relative flex\"\n {...props}\n >\n <Button variant=\"outlined\" className=\"absolute top-10 right-10 !px-2 py-2\">\n <Icon color=\"primary\" name=\"edit-2\" />\n </Button>\n <div className=\"flex basis-1/2 flex-col gap-2 pr-10\">\n <Text variant=\"body-default\">{description}</Text>\n </div>\n {/ vertical divider */}\n <span className=\"absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10\" />\n <div className=\"flex flex-col pt-8 gap-4 pl-10\">\n {contactItems.map((contactProps) => (\n <ContactItem key={contactProps.title} {...contactProps} />\n ))}\n </div>\n </div>\n);\n"]}
1	+ {"version":3,"sources":["../../src/components/Text.tsx","../../src/components/IconRenderer.tsx","../../src/utils/index.ts","../../src/utils/tailwind.ts","../../src/components/Link.tsx","../../src/components/ContactItem.tsx","../../src/components/EditButton.tsx","../../src/components/Button.tsx","../../src/components/Icon.tsx","../../src/components/Pressable.tsx","../../src/components/Collapsible.tsx","../../src/components/AboutCard.tsx"],"names":["HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","IconRenderer","icon","sanitizedSvg","useMemo","svg","viewBox","cn","inputs","twMerge","clsx","focusRingStyles","Link","href","ContactItem","linkProps","filled","outlined","Button","f","isLoading","disabled","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","valueStr","value","acc","query","Icon","name","title","style","IconComponent","IconMap","sizeStyles","Pressable","type","EditButton","onClick","Collapsible","maxHeight","open","setOpen","contentRef","useRef","contentHeight","setContentHeight","useState","useLayoutEffect","resizeObserver","entries","entry","shouldShowTrigger","AboutCard","interests","contactItems","description","isEditMode","onEditClick","contactProps"],"mappings":"8OA4FA,IAAMA,CAAAA,CAAmD,CACvD,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,IACJ,CAAA,EAAA,CAAI,IACN,CAAA,CAEMC,CAAyBC,CAAAA,CAAAA,EAAwC,CACrE,GAAM,CAACC,CAAAA,CAAUC,CAAI,CAAA,CAAIF,CAAQ,CAAA,KAAA,CAAM,GAAG,CAE1C,CAAA,OAAIC,CAAa,GAAA,SAAA,CACRH,CAAoBI,CAAAA,CAAI,CAAK,EAAA,GAAA,CAGlCD,CAAa,GAAA,OAAA,CACR,OAGF,CAAA,GACT,CAIME,CAAAA,CAAAA,CAAqC,CACzC,KAAA,CAAO,YACP,CAAA,OAAA,CAAS,cACT,CAAA,QAAA,CAAU,eACV,CAAA,IAAA,CAAM,WACR,CAAA,CAiBMC,CACJC,CAAAA,CAAAA,EAEKA,CAEgB,CAAA,CAAA,KAAA,CAAM,OAAQA,CAAAA,CAAQ,EAAIA,CAAW,CAAA,CAACA,CAAQ,CAAA,EAGhE,GAAKL,CAAAA,CAAAA,EAAY,CAChB,GAAIA,CAAQ,CAAA,QAAA,CAAS,GAAG,CAAA,CAAG,CACzB,GAAM,CAACM,CAAAA,CAAYC,CAAe,CAAA,CAAIP,CAAQ,CAAA,KAAA,CAAM,GAAG,CAAA,CACvD,OAAO,CAAA,EAAGM,CAAU,CAAA,MAAA,EAASC,CAAe,CAAA,CAC9C,CACA,OAAO,QAAQP,CAAO,CAAA,CACxB,CAAC,CAAA,CACA,IAAK,CAAA,GAAG,CAZW,CAAA,mBAAA,CAeXQ,CAAOC,CAAAA,UAAAA,CAAM,UACxB,CAAA,CACE,CACE,OAAA,CAAAT,CAAU,CAAA,cAAA,CACV,KAAAU,CAAAA,CAAAA,CAAQ,cACR,CAAA,EAAA,CAAAC,CACA,CAAA,SAAA,CAAAC,CACA,CAAA,QAAA,CAAAC,CACA,CAAA,MAAA,CAAAC,CACA,CAAA,GAAGC,CACL,CAAA,CACAC,IACG,CAEH,IAAMC,CAAoBb,CAAAA,CAAAA,CAAgBJ,CAAO,CAAA,CAG3CkB,CACJR,CAAAA,CAAAA,EAASA,CAAU,GAAA,SAAA,CAAY,SAAYA,CAAAA,CAAAA,CAAQ,CAAQA,KAAAA,EAAAA,CAAK,CAAK,CAAA,CAAA,EAAA,CAEjES,CAAmBV,CAAAA,UAAAA,CAAM,OAAQ,CAAA,IAAM,CAC3C,IAAMW,CACJ,CAAA,OAAOpB,CAAY,EAAA,QAAA,CACfA,CAAQ,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,KACnB,CAAA,KAAA,CAAM,OAAQA,CAAAA,CAAO,CACnBA,CAAAA,CAAAA,CAAQ,CAAC,CAAA,CAAE,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EACtB,CAAA,cAAA,CACR,OAAOD,CAAAA,CAAsBqB,CAA4B,CAC3D,CAAG,CAAA,CAACpB,CAAO,CAAC,CAIZ,CAAA,OAEES,UAAA,CAAA,aAAA,CAJiBE,CAAMQ,EAAAA,CAAAA,CAItB,CACC,GAAA,CAAKH,EACL,SAAW,CAAA,CAAA,sBAAA,EAAyBC,CAAiB,CAAA,CAAA,EAAIC,CAAY,CAAA,CAAA,EACnEJ,CAAS,CAAA,CAAA,CAAA,EAAIX,CAAWW,CAAAA,CAAM,CAAC,CAAA,CAAA,CAAK,EACtC,CAAA,CAAA,EAAIF,CAAa,EAAA,EAAE,CAClB,CAAA,CAAA,GAAGG,CAEHF,CAAAA,CAAAA,CACH,CAEJ,CACF,CAEAL,CAAAA,CAAAA,CAAK,WAAc,CAAA,MAAA,CCnMZ,IAAMa,CAAAA,CAAe,CAAC,CAC3B,IAAAC,CAAAA,CAAAA,CACA,IAAApB,CAAAA,CAAAA,CAAO,EACP,CAAA,SAAA,CAAAU,CACF,CAAA,GAAyB,CACvB,IAAMW,CAAeC,CAAAA,OAAAA,CAAQ,IAAM,CAGjC,IAAMC,CAAAA,CAFS,IAAI,SAAA,EACA,CAAA,eAAA,CAAgBH,CAAM,CAAA,eAAe,CACxC,CAAA,aAAA,CAAc,KAAK,CAEnC,CAAA,GAAI,CAACG,CAAAA,CAAK,OAAO,IAAA,CAGjBA,CAAI,CAAA,YAAA,CAAa,OAAS,CAAA,MAAM,CAChCA,CAAAA,CAAAA,CAAI,YAAa,CAAA,QAAA,CAAU,MAAM,CAAA,CACjCA,CAAI,CAAA,YAAA,CAAa,qBAAuB,CAAA,eAAe,CAGvD,CAAA,IAAMC,CAAUD,CAAAA,CAAAA,CAAI,YAAa,CAAA,SAAS,CAAK,EAAA,WAAA,CAC/C,OAAAA,CAAAA,CAAI,aAAa,SAAWC,CAAAA,CAAO,CAE5BD,CAAAA,CAAAA,CAAI,SACb,CAAA,CAAG,CAACH,CAAI,CAAC,CAAA,CAET,OAAKC,CAAAA,CAGHd,UAAA,CAAA,aAAA,CAAC,KACC,CAAA,CAAA,KAAA,CAAO,CACL,KAAA,CAAOP,CACP,CAAA,MAAA,CAAQA,CACR,CAAA,OAAA,CAAS,MACT,CAAA,UAAA,CAAY,QACZ,CAAA,cAAA,CAAgB,QAClB,CAAA,CACA,SAAWU,CAAAA,CAAAA,CACX,wBAAyB,CAAE,MAAA,CAAQW,CAAa,CAAA,CAClD,CAbwB,CAAA,IAe5B,CAEAF,CAAAA,CAAAA,CAAa,WAAc,CAAA,cAAA,CC9CpB,SAASM,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CC8DO,IAAMG,CACX,CAAA,qGAAA,CCvDK,IAAMC,CAAAA,CAAO,CAAC,CACnB,QAAAnB,CAAAA,CAAAA,CACA,KAAAH,CAAAA,CAAAA,CAAQ,cACR,CAAA,OAAA,CAAAV,CAAU,CAAA,uBAAA,CACV,IAAAiC,CAAAA,CAAAA,CACA,SAAArB,CAAAA,CAAAA,CACA,GAAGG,CACL,CACEN,GAAAA,UAAAA,CAAA,aAACD,CAAAA,CAAAA,CAAA,CAAK,OAAA,CAASR,CAAS,CAAA,KAAA,CAAOU,GAC7BD,UAAA,CAAA,aAAA,CAAC,GACC,CAAA,CAAA,IAAA,CAAMwB,CACN,CAAA,SAAA,CAAWN,CACT,CAAA,iEAAA,CACAI,CACAnB,CAAAA,CACF,CACC,CAAA,GAAGG,CAEHF,CAAAA,CAAAA,CACH,CACF,CAAA,CCtBK,IAAMqB,CAAAA,CAAc,CAAC,CAC1B,IAAAZ,CAAAA,CAAAA,CACA,QAAAT,CAAAA,CAAAA,CACA,IAAAoB,CAAAA,CAAAA,CACA,GAAGE,CACL,CACE1B,GAAAA,UAAAA,CAAA,cAAC,KAAI,CAAA,CAAA,SAAA,CAAU,6BACbA,CAAAA,CAAAA,UAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,iEAAA,CAAA,CACbA,UAAA,CAAA,aAAA,CAACY,CAAA,CAAA,CAAa,IAAMC,CAAAA,CAAAA,CAAM,IAAM,CAAA,EAAA,CAAI,SAAU,CAAA,cAAA,CAAe,CAC/D,CAAA,CACAb,UAAA,CAAA,aAAA,CAACuB,CAAA,CAAA,CACC,SAAU,CAAA,iBAAA,CACV,IAAMC,CAAAA,CAAAA,CACL,GAAGE,CAAAA,CACJ,QAAS,CAAC,uBAAA,CAAyB,wBAAwB,CAAA,CAAA,CAE1DtB,CACH,CACF,CC7BF,CCkBO,IAAMuB,CAAS,CAAA,CACpB,KAAO,CAAA,4BAAA,CAEP,MAAQ,CAAA,2BAAA,CACR,SAAW,CAAA,iCACb,CAEaC,CAAAA,CAAAA,CAAW,CACtB,KAAA,CAAO,8CACP,CAAA,MAAA,CAAQ,4CACR,CAAA,SAAA,CAAW,6CACb,CAAA,CAEaC,CAAe,CAAAC,CAAA,CAAA,UAAA,CAC1B,CACE,CACE,SAAA3B,CAAAA,CAAAA,CACA,OAAAZ,CAAAA,CAAAA,CAAU,QACV,CAAA,KAAA,CAAAU,CAAQ,CAAA,OAAA,CACR,SAAA8B,CAAAA,CAAAA,CAAY,CACZ,CAAA,CAAA,QAAA,CAAA3B,CACA,CAAA,QAAA,CAAA4B,CACA,CAAA,GAAG1B,CACL,CAAA,CACAC,CAEA,GAAAuB,CAAA,CAAA,aAAA,CAAC,QACC,CAAA,CAAA,GAAA,CAAKvB,CACL,CAAA,SAAA,CAAWW,CACT,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAA,CAAA,CASAI,CACA/B,CAAAA,CAAAA,GAAY,QAAWoC,CAAAA,CAAAA,CAAO1B,CAAK,CAAI2B,CAAAA,CAAAA,CAAS3B,CAAK,CAAA,CACrDE,CACF,CAAA,CACA,QAAU6B,CAAAA,CAAAA,EAAYD,EACtB,IAAK,CAAA,QAAA,CACJ,GAAGzB,CAAAA,CAAAA,CAEH,OAAOF,CAAAA,EAAa,QACnB,CAAA0B,CAAA,CAAA,aAAA,CAAC/B,EAAA,CACC,OAAA,CAAS,CAAC,sBAAA,CAAwB,mBAAmB,CAAA,CACrD,KAAM,CAAA,SAAA,CAAA,CAELK,CACH,CAEAA,CAAAA,CAEJ,CAEJ,CAAA,CAEAyB,CAAO,CAAA,WAAA,CAAc,QC9ErB,CAmBA,IAAMI,CAAwC,CAAA,CAC5C,QAAS,SACT,CAAA,SAAA,CAAW,SACX,CAAA,KAAA,CAAO,SACP,CAAA,WAAA,CAAa,SACf,CAAA,CAEMC,EAA6C,CACjD,EAAA,CAAI,OACJ,CAAA,EAAA,CAAI,QACJ,EAAI,CAAA,QAAA,CACJ,EAAI,CAAA,QAAA,CACJ,MAAO,QACT,CAAA,CAEMC,CACJC,CAAAA,CAAAA,EACwB,CACxB,GAAI,CAACA,CAAAA,CAAO,OAAO,CAAE,KAAA,CAAO,MAAQ,CAAA,MAAA,CAAQ,MAAO,CAAA,CAEnD,IAAMC,CAAAA,CAAY,MAAM,OAAQD,CAAAA,CAAK,CAAIA,CAAAA,CAAAA,CAAQ,CAACA,CAAK,CACjDE,CAAAA,CAAAA,CAAuC,EACzCC,CAAAA,CAAAA,CAGJ,OAAAF,CAAAA,CAAU,QAAS5C,CAAS,EAAA,CAC1B,GAAI,OAAOA,GAAS,QAClB8C,CAAAA,CAAAA,CAAW,CAAG9C,EAAAA,CAAI,CACb,EAAA,CAAA,CAAA,KAAA,CACL,GAAM,CAACI,EAAY2C,CAAQ,CAAA,CAAI/C,CAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CACvCgD,CAAQ,CAAA,QAAA,CAASD,EAAU,EAAE,CAAA,CACnCF,CAAa,CAAA,CAAA,mBAAA,EAAsBJ,CAAerC,CAAAA,CAAU,CAAC,CAAA,CAAA,CAAG,EAC9D,CAAG4C,EAAAA,CAAK,CACZ,EAAA,EAAA,CACF,CAAC,CAGM,CAAA,CACL,KAAOF,CAAAA,CAAAA,EAAY,OACnB,MAAQA,CAAAA,CAAAA,EAAY,MACpB,CAAA,GAAG,MAAO,CAAA,OAAA,CAAQD,CAAY,CAAA,CAAE,OAC9B,CAACI,CAAAA,CAAK,CAACC,CAAAA,CAAOlD,CAAI,CAAA,IAAO,CACvB,GAAGiD,EACH,CAACC,CAAK,EAAG,CACP,KAAOlD,CAAAA,CAAAA,CACP,MAAQA,CAAAA,CACV,CACF,CACA,CAAA,CAAA,EACF,CACF,CACF,CAEamD,CAAAA,CAAAA,CAAO5C,UAAM,CAAA,UAAA,CACxB,CACE,CACE,IAAA,CAAA6C,CACA,CAAA,IAAA,CAAApD,CAAO,CAAA,EAAA,CACP,KAAAQ,CAAAA,CAAAA,CAAQ,UACR,KAAA6C,CAAAA,CAAAA,CACA,SAAA3C,CAAAA,CAAAA,CACA,KAAA4C,CAAAA,CAAAA,CAAQ,EAAC,CACT,GAAGzC,CACL,CAAA,CACAC,CACG,GAAA,CACH,IAAMyC,CAAAA,CAAgBC,OAAQJ,CAAAA,CAAI,EAC5BK,CAAaf,CAAAA,CAAAA,CAAa1C,CAAI,CAAA,CAEpC,OACEO,UAAA,CAAA,aAAA,CAAC,KACC,CAAA,CAAA,SAAA,CAAWkB,EAAG,kCAAoCf,CAAAA,CAAS,CAC3D,CAAA,KAAA,CAAO,CACL,GAAG+C,CACF,CAAA,eAAA,CAA4BjB,EAAUhC,CAAK,CAAA,CAC5C,GAAG8C,CACL,CAEA/C,CAAAA,CAAAA,UAAAA,CAAA,aAACgD,CAAAA,CAAAA,CAAA,CACC,GAAKzC,CAAAA,CAAAA,CACL,aAAa,CAAA,CAACuC,CACd,CAAA,YAAA,CAAYA,CACZ,CAAA,MAAA,CAAQD,EAAK,QAAS,CAAA,QAAQ,CAAI,CAAA,KAAA,CAAA,CAAYZ,EAAUhC,CAAK,CAAA,CAC5D,GAAGK,CAAAA,CACN,CACF,CAEJ,CACF,CAEAsC,CAAAA,CAAAA,CAAK,WAAc,CAAA,MAAA,CCxGZ,IAAMO,CAAAA,CAAsC,CAAC,CAClD,QAAA/C,CAAAA,CAAAA,CACA,IAAAgD,CAAAA,CAAAA,CAAO,SACP,SAAAjD,CAAAA,CAAAA,CACA,QAAA6B,CAAAA,CAAAA,CACA,GAAG1B,CACL,CACEN,GAAAA,UAAAA,CAAA,cAAC,QAEC,CAAA,CAAA,IAAA,CAAMoD,CACN,CAAA,QAAA,CAAUpB,EACV,SAAW,CAAA,CAAA,gEAAA,EAAmEV,CAAe,CAAA,CAAA,EAAInB,CAAS,CAAI6B,CAAAA,EAAAA,CAAAA,CAAW,+BAAkC,CAAA,EAAE,CAC5J,CAAA,CAAA,GAAG1B,CAEHF,CAAAA,CAAAA,CACH,EHTK,IAAMiD,CAAAA,CAAa,CAAC,CAAE,SAAAlD,CAAAA,CAAAA,CAAW,OAAAmD,CAAAA,CAAQ,IAE5CtD,UAAA,CAAA,aAAA,CAACmD,CAAA,CAAA,CACC,SAAWjC,CAAAA,CAAAA,CACT,uGACAU,CAAAA,CAAAA,CAAS,MACTzB,CACF,CAAA,CACA,OAASmD,CAAAA,CAAAA,CAAAA,CAETtD,UAAA,CAAA,aAAA,CAAC4C,CAAA,CAAA,CAAK,MAAM,SAAU,CAAA,IAAA,CAAK,QAAS,CAAA,CACtC,CAIJS,CAAAA,CAAAA,CAAW,WAAc,CAAA,YAAA,CIflB,IAAME,CAAAA,CAAc,CAAC,CAC1B,QAAAnD,CAAAA,CAAAA,CACA,UAAAoD,CAAY,CAAA,GACd,CAAwB,GAAA,CACtB,GAAM,CAACC,CAAAA,CAAMC,CAAO,CAAA,CAAI1D,WAAM,QAAS,CAAA,CAAA,CAAK,CACtC2D,CAAAA,CAAAA,CAAaC,MAAuB,CAAA,IAAI,CACxC,CAAA,CAACC,EAAeC,CAAgB,CAAA,CAAIC,QAAiBP,CAAAA,CAAS,CAGpEQ,CAAAA,eAAAA,CAAgB,IAAM,CACpB,GAAI,CAACL,CAAAA,CAAW,OAAS,CAAA,OAEzB,IAAMM,CAAAA,CAAiB,IAAI,cAAA,CAAgBC,GAAY,CACrD,IAAA,IAAWC,CAASD,IAAAA,CAAAA,CAClBJ,EAAiBK,CAAM,CAAA,MAAA,CAAO,YAAY,EAE9C,CAAC,CAED,CAAA,OAAAF,CAAe,CAAA,OAAA,CAAQN,CAAW,CAAA,OAAO,CAClC,CAAA,IAAMM,EAAe,UAAW,EACzC,CAAG,CAAA,EAAE,CAAA,CAEL,IAAMG,CAAAA,CAAoBP,EAAgBL,CAE1C,CAAA,OACExD,UAAA,CAAA,aAAA,CAAkB,CAAjB,CAAA,IAAA,CAAA,CAAsB,IAAMyD,CAAAA,CAAAA,CAAM,aAAcC,CAC/C1D,CAAAA,CAAAA,UAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,UAAU,UACbA,CAAAA,CAAAA,UAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CACC,UAAU,8DACV,CAAA,KAAA,CAAO,CACL,MAAA,CAAQyD,CAAO,CAAA,CAAA,EAAGI,CAAa,CAAA,EAAA,CAAA,CAAO,GAAGL,CAAS,CAAA,EAAA,CACpD,CAEAxD,CAAAA,CAAAA,UAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CAAI,GAAK2D,CAAAA,CAAAA,CAAY,UAAU,QAC7BvD,CAAAA,CAAAA,CACH,CACF,CAAA,CAECgE,CACCpE,EAAAA,UAAAA,CAAA,aAAkB,CAAA,CAAA,CAAA,OAAA,CAAjB,CAAyB,OAAO,CAAA,CAAA,CAAA,CAAA,CAC/BA,UAAA,CAAA,aAAA,CAACmD,EAAA,CACC,SAAA,CAAWjC,CACT,CAAA,mCAAA,CACA,gCACA,gBACA,CAAA,CAACuC,CAAQ,EAAA,sDAAA,CACT,sCACF,CAAA,CAAA,CAEAzD,UAAA,CAAA,aAAA,CAACD,EAAA,CAAK,OAAA,CAAQ,eAAgB,CAAA,KAAA,CAAM,gBACjC0D,CAAAA,CAAAA,CAAAA,CAAO,UAAa,CAAA,UACvB,CACF,CACF,CAEJ,CACF,CAEJ,CAEAF,CAAAA,CAAAA,CAAY,WAAc,CAAA,aAAA,KCzDbc,EAAY,CAAA,CAAC,CACxB,SAAA,CAAAC,EACA,YAAAC,CAAAA,CAAAA,CACA,WAAAC,CAAAA,CAAAA,CACA,WAAAC,CAAa,CAAA,CAAA,CAAA,CACb,WAAAC,CAAAA,CAAAA,CACA,GAAGpE,CACL,CACEN,GAAAA,UAAAA,CAAA,cAAC,KACC,CAAA,CAAA,SAAA,CAAU,iGACT,CAAA,GAAGM,CAEHmE,CAAAA,CAAAA,CAAAA,EAAczE,UAAA,CAAA,aAAA,CAACqD,EAAA,CAAW,OAAA,CAASqB,CAAa,CAAA,CAAA,CACjD1E,UAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,qEACbA,UAAA,CAAA,aAAA,CAACuD,CAAA,CAAA,CAAY,UAAW,GACtBvD,CAAAA,CAAAA,UAAAA,CAAA,aAACD,CAAAA,CAAAA,CAAA,CAAK,OAAQ,CAAA,cAAA,CAAA,CAAgByE,CAAY,CAC5C,CACF,CAAA,CAEAxE,UAAA,CAAA,aAAA,CAAC,QAAK,SAAU,CAAA,yEAAA,CAA0E,CAE1FA,CAAAA,UAAAA,CAAA,aAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,2DAAA,CAA4D,EAC5EA,UAAA,CAAA,aAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,2CACZuE,CAAAA,CAAAA,CAAAA,CAAa,GAAKI,CAAAA,CAAAA,EACjB3E,WAAA,aAACyB,CAAAA,CAAAA,CAAA,CAAY,GAAA,CAAKkD,EAAa,KAAQ,CAAA,GAAGA,CAAc,CAAA,CACzD,CACH,CACF","file":"AboutCard.js","sourcesContent":["import React from \"react\";\nimport {\n Colors,\n TextColorVariant,\n PrimaryShades,\n SecondaryShades,\n TertiaryShades,\n Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n \| \"p\"\n \| \"span\"\n \| \"h1\"\n \| \"h2\"\n \| \"h3\"\n \| \"h4\"\n \| \"h5\"\n \| \"h6\"\n \| \"strong\"\n \| \"em\"\n \| \"blockquote\"\n \| \"pre\"\n \| \"code\"\n \| \"small\"\n \| \"label\"\n \| \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n p: HTMLParagraphElement;\n span: HTMLSpanElement;\n h1: HTMLHeadingElement;\n h2: HTMLHeadingElement;\n h3: HTMLHeadingElement;\n h4: HTMLHeadingElement;\n h5: HTMLHeadingElement;\n h6: HTMLHeadingElement;\n strong: HTMLElement;\n em: HTMLElement;\n blockquote: HTMLQuoteElement;\n pre: HTMLPreElement;\n code: HTMLElement;\n small: HTMLElement;\n label: HTMLLabelElement;\n a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n p: React.HTMLAttributes<HTMLParagraphElement>;\n span: React.HTMLAttributes<HTMLSpanElement>;\n h1: React.HTMLAttributes<HTMLHeadingElement>;\n h2: React.HTMLAttributes<HTMLHeadingElement>;\n h3: React.HTMLAttributes<HTMLHeadingElement>;\n h4: React.HTMLAttributes<HTMLHeadingElement>;\n h5: React.HTMLAttributes<HTMLHeadingElement>;\n h6: React.HTMLAttributes<HTMLHeadingElement>;\n strong: React.HTMLAttributes<HTMLElement>;\n em: React.HTMLAttributes<HTMLElement>;\n blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n pre: React.HTMLAttributes<HTMLPreElement>;\n code: React.HTMLAttributes<HTMLElement>;\n small: React.HTMLAttributes<HTMLElement>;\n label: React.LabelHTMLAttributes<HTMLLabelElement>;\n a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" \| \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n ? TextColorVariant\n : T extends \"primary\"\n ? keyof PrimaryShades\n : T extends \"secondary\"\n ? keyof SecondaryShades\n : T extends \"tertiary\"\n ? keyof TertiaryShades\n : never;\n\ntype ColorKey = {\n [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n keyof Typography[T],\n string \| number \| bigint \| boolean \| null \| undefined\n>;\ntype TypographyKey = {\n [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n xl: \"h1\",\n lg: \"h1\",\n md: \"h2\",\n sm: \"h3\",\n xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n const [category, size] = variant.split(\"-\");\n\n if (category === \"heading\") {\n return HEADING_ELEMENT_MAP[size] \|\| \"p\";\n }\n\n if (category === \"label\") {\n return \"label\";\n }\n\n return \"p\";\n};\n\ntype Weight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n light: \"font-light\",\n regular: \"font-regular\",\n semibold: \"font-semibold\",\n bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveVariant = TypographyKey \| `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n variant?: ResponsiveVariant \| ResponsiveVariant[];\n color?: ColorKey \| \"inherit\";\n as?: T;\n className?: string;\n children: React.ReactNode;\n weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n variants: ResponsiveVariant \| ResponsiveVariant[] \| undefined\n): string => {\n if (!variants) return \"text-body-default\";\n\n const variantArray = Array.isArray(variants) ? variants : [variants];\n\n return variantArray\n .map((variant) => {\n if (variant.includes(\":\")) {\n const [breakpoint, typographyClass] = variant.split(\":\");\n return `${breakpoint}:text-${typographyClass}`;\n }\n return `text-${variant}`;\n })\n .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n <T extends TextElement = \"p\">(\n {\n variant = \"body-default\",\n color = \"text-primary\",\n as,\n className,\n children,\n weight,\n ...props\n }: TextProps<T>,\n ref: React.ForwardedRef<HTMLElementByTag[T]>\n ) => {\n // Process typography classes with breakpoints\n const typographyClasses = processVariants(variant);\n\n // Get color styles\n const colorClasses =\n color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n const suggestedElement = React.useMemo(() => {\n const baseVariant =\n typeof variant === \"string\"\n ? variant.split(\":\").pop()!\n : Array.isArray(variant)\n ? variant[0].split(\":\").pop()!\n : \"body-default\";\n return getElementFromVariant(baseVariant as TypographyKey);\n }, [variant]);\n\n const Component = (as \|\| suggestedElement) as T;\n\n return (\n // @ts-expect-error TODO: figure this out\n <Component\n ref={ref}\n className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n weight ? `!${fontWeight[weight]}` : \"\"\n } ${className ?? \"\"}`}\n {...props}\n >\n {children}\n </Component>\n );\n }\n);\n\nText.displayName = \"Text\";\n","import React, { useMemo } from \"react\";\n\nexport type IconRendererProps = {\n icon: string;\n size?: number;\n className?: string;\n};\n\nexport const IconRenderer = ({\n icon,\n size = 40,\n className\n}: IconRendererProps) => {\n const sanitizedSvg = useMemo(() => {\n const parser = new DOMParser();\n const doc = parser.parseFromString(icon, \"image/svg+xml\");\n const svg = doc.querySelector(\"svg\");\n\n if (!svg) return null;\n\n // Set size attributes but preserve aspect ratio\n svg.setAttribute(\"width\", \"100%\");\n svg.setAttribute(\"height\", \"100%\");\n svg.setAttribute(\"preserveAspectRatio\", \"xMidYMid meet\");\n\n // Get the original viewBox or use the default\n const viewBox = svg.getAttribute(\"viewBox\") \|\| \"0 0 40 40\";\n svg.setAttribute(\"viewBox\", viewBox);\n\n return svg.outerHTML;\n }, [icon]);\n\n if (!sanitizedSvg) return null;\n\n return (\n <div\n style={{\n width: size,\n height: size,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n }}\n className={className}\n dangerouslySetInnerHTML={{ __html: sanitizedSvg }}\n />\n );\n};\n\nIconRenderer.displayName = \"IconRenderer\";\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n const colorNames = Object.keys(colors) as (keyof Colors)[];\n const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n const safelist: string[] = [];\n\n colorNames.forEach((colorName) => {\n if (typeof colors[colorName] === \"object\") {\n // Handle nested color objects (with number keys)\n Object.keys(colors[colorName]).forEach((shade) => {\n utilities.forEach((utility) => {\n // Base utility\n safelist.push(`${utility}-${colorName}-${shade}`);\n\n // Variant utilities\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n });\n });\n });\n } else {\n // Handle direct color values\n utilities.forEach((utility) => {\n safelist.push(`${utility}-${colorName}`);\n\n variants.forEach((variant) => {\n safelist.push(`${variant}${utility}-${colorName}`);\n });\n });\n }\n });\n\n // Generate typography classes\n Object.entries(typography).forEach(([family, sizes]) => {\n Object.keys(sizes).forEach((size) => {\n // Base typography classes\n safelist.push(`text-${family}-${size}`);\n\n // Add variants\n variants.forEach((variant) => {\n safelist.push(`${variant}text-${family}-${size}`);\n });\n });\n });\n\n const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n const typographyClasses = Object.entries(typography).flatMap(\n ([category, sizes]) =>\n Object.keys(sizes).map((size) => `text-${category}-${size}`)\n );\n\n // Generate responsive variants\n const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n );\n\n return [\n ...typographyClasses,\n ...responsiveTypographyClasses\n // ... rest of your safelist\n ];\n};\n\nexport const focusRingStyles =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import React from \"react\";\nimport { Text, TextProps } from \"./Text\";\nimport { cn } from \"../utils\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type LinkProps = {\n href: string;\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n} & Pick<TextProps, \"variant\" \| \"color\"> &\n React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport const Link = ({\n children,\n color = \"text-primary\",\n variant = \"body-default-semibold\",\n href,\n className,\n ...props\n}: LinkProps) => (\n <Text variant={variant} color={color}>\n <a\n href={href}\n className={cn(\n \"hover:opacity-80 transition-all active:scale-95 hover:underline\",\n focusRingStyles,\n className\n )}\n {...props}\n >\n {children}\n </a>\n </Text>\n);\n","import React, { HTMLAttributes } from \"react\";\nimport { IconRenderer } from \"./IconRenderer\";\nimport { Link } from \"./Link\";\n\nexport type ContactItemProps = {\n // TODO: figure out how to get filled icons to work correctly\n icon: string;\n children: React.ReactNode;\n href: string;\n} & Omit<HTMLAttributes<HTMLAnchorElement>, \"color\">;\n\nexport const ContactItem = ({\n icon,\n children,\n href,\n ...linkProps\n}: ContactItemProps) => (\n <div className=\"row gap-2 flex items-center\">\n <div className=\"bg-secondary-400 rounded-full p-2.5 items-center justify-center\">\n <IconRenderer icon={icon} size={24} className=\"text-primary\" />\n </div>\n <Link\n className=\"hover:underline\"\n href={href}\n {...linkProps}\n variant={[\"body-default-semibold\", \"md:body-default-medium\"]}\n >\n {children}\n </Link>\n </div>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { outlined } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type EditButtonProps = {\n className?: string;\n onClick?: () => void;\n};\n\nexport const EditButton = ({ className, onClick }: EditButtonProps) => {\n return (\n <Pressable\n className={cn(\n \"absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg\",\n outlined.black,\n className\n )}\n onClick={onClick}\n >\n <Icon color=\"primary\" name=\"edit-2\" />\n </Pressable>\n );\n};\n\nEditButton.displayName = \"EditButton\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type ButtonProps = {\n /** @default filled /\n variant?: \"filled\" \| \"outlined\";\n /* @default primary /\n color?: \"black\" \| \"accent\" \| \"secondary\";\n isLoading?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n start?: React.ReactNode;\n end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const filled = {\n black: \"bg-text-primary text-white\",\n // fade it slightly\n accent: \"bg-primary-100 text-white\",\n secondary: \"bg-secondary-100 text-secondary\"\n};\n\nexport const outlined = {\n black: \"border border-text-primary text-text-primary\",\n accent: \"border border-primary-100 text-primary-100\",\n secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant = \"filled\",\n color = \"black\",\n isLoading = false,\n children,\n disabled,\n ...props\n },\n ref\n ) => (\n <button\n ref={ref}\n className={cn(\n `\n sm:px-7 px-4\n py-2\n inline-flex items-center justify-center\n rounded-lg \n transition-colors duration-200\n disabled:opacity-50 disabled:pointer-events-none\n hover:opacity-80 active:scale-95 \n truncate`,\n focusRingStyles,\n variant === \"filled\" ? filled[color] : outlined[color],\n className\n )}\n disabled={disabled \|\| isLoading}\n type=\"button\"\n {...props}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={[\"sm:body-default-bold\", \"body-xxs-semibold\"]}\n color=\"inherit\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </button>\n )\n);\n\nButton.displayName = \"Button\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\ntype ResponsiveSize = number \| `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n name: IconName;\n /* @default 24 /\n size?: ResponsiveSize \| ResponsiveSize[];\n /* @default primary /\n color?: IconColors;\n title?: string;\n className?: string;\n style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" \| \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n primary: \"#080808\",\n secondary: \"#666666\",\n white: \"#ffffff\",\n primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n sizes: ResponsiveSize \| ResponsiveSize[] \| undefined\n): React.CSSProperties => {\n if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n const mediaQueries: Record<string, string> = {};\n let baseSize: string \| undefined;\n\n // Process each size\n sizeArray.forEach((size) => {\n if (typeof size === \"number\") {\n baseSize = `${size}px`;\n } else {\n const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n const value = parseInt(valueStr, 10);\n mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n `${value}px`;\n }\n });\n\n // Create the style object with the correct structure\n return {\n width: baseSize \|\| \"24px\",\n height: baseSize \|\| \"24px\",\n ...Object.entries(mediaQueries).reduce(\n (acc, [query, size]) => ({\n ...acc,\n [query]: {\n width: size,\n height: size\n }\n }),\n {}\n )\n };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n (\n {\n name,\n size = 24,\n color = \"primary\",\n title,\n className,\n style = {},\n ...props\n },\n ref\n ) => {\n const IconComponent = IconMap[name];\n const sizeStyles = processSizes(size);\n\n return (\n <div\n className={cn(\"flex justify-center items-center\", className)}\n style={{\n ...sizeStyles,\n [\"--icon-stroke\" as string]: COLOR_MAP[color],\n ...style\n }}\n >\n <IconComponent\n ref={ref}\n aria-hidden={!title}\n aria-label={title}\n stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n {...props}\n />\n </div>\n );\n }\n);\n\nIcon.displayName = \"Icon\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n children,\n type = \"button\",\n className,\n disabled,\n ...props\n}) => (\n <button\n // eslint-disable-next-line react/butt on-has-type\n type={type}\n disabled={disabled}\n className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n {...props}\n >\n {children}\n </button>\n);\n","import React, { useRef, useLayoutEffect, useState } from \"react\";\nimport as RadixCollapsible from \"@radix-ui/react-collapsible\";\nimport { Pressable } from \"./Pressable\";\nimport { Text } from \"./Text\";\nimport { cn } from \"../utils\";\n\nexport type CollapsibleProps = {\n children: React.ReactNode;\n maxHeight?: number;\n};\n\nexport const Collapsible = ({\n children,\n maxHeight = 100\n}: CollapsibleProps) => {\n const [open, setOpen] = React.useState(false);\n const contentRef = useRef<HTMLDivElement>(null);\n const [contentHeight, setContentHeight] = useState<number>(maxHeight);\n\n // Measure content height on mount and resize\n useLayoutEffect(() => {\n if (!contentRef.current) return;\n\n const resizeObserver = new ResizeObserver((entries) => {\n for (const entry of entries) {\n setContentHeight(entry.target.scrollHeight);\n }\n });\n\n resizeObserver.observe(contentRef.current);\n return () => resizeObserver.disconnect();\n }, []);\n\n const shouldShowTrigger = contentHeight > maxHeight;\n\n return (\n <RadixCollapsible.Root open={open} onOpenChange={setOpen}>\n <div className=\"relative\">\n <div\n className=\"overflow-hidden transition-[height] duration-300 ease-in-out\"\n style={{\n height: open ? `${contentHeight}px` : `${maxHeight}px`\n }}\n >\n <div ref={contentRef} className=\"w-full\">\n {children}\n </div>\n </div>\n\n {shouldShowTrigger && (\n <RadixCollapsible.Trigger asChild>\n <Pressable\n className={cn(\n \"absolute -bottom-8 left-0 right-0\",\n \"flex items-end justify-center\",\n \"h-16 pt-8 pb-2\",\n !open && \"bg-gradient-to-b from-transparent via-white to-white\",\n \"hover:opacity-100 transition-opacity\"\n )}\n >\n <Text variant=\"label-default\" color=\"text-secondary\">\n {open ? \"See less\" : \"See more\"}\n </Text>\n </Pressable>\n </RadixCollapsible.Trigger>\n )}\n </div>\n </RadixCollapsible.Root>\n );\n};\n\nCollapsible.displayName = \"Collapsible\";\n","import React from \"react\";\nimport { Text } from \"./Text\";\nimport { ContactItem, ContactItemProps } from \"./ContactItem\";\nimport { EditButton } from \"./EditButton\";\nimport { Collapsible } from \"./Collapsible\";\n\nexport type AboutCardProps = {\n interests: string[];\n contactItems: ContactItemProps[];\n description: string;\n isEditMode?: boolean;\n onEditClick?: () => void;\n};\n\nexport const AboutCard = ({\n interests,\n contactItems,\n description,\n isEditMode = false,\n onEditClick,\n ...props\n}: AboutCardProps) => (\n <div\n className=\"border border-secondary rounded-2xl sm:p-10 p-4 relative flex sm:flex-row flex-col pt-8 sm:pt-4\"\n {...props}\n >\n {isEditMode && <EditButton onClick={onEditClick} />}\n <div className=\"flex sm:basis-1/2 basis-full flex-col gap-2 sm:pr-10 pb-6 sm:pb-0\">\n <Collapsible maxHeight={120}>\n <Text variant=\"body-default\">{description}</Text>\n </Collapsible>\n </div>\n {/* vertical divider for desktop /}\n <span className=\"hidden sm:block absolute bg-secondary-50 w-[1px] inset-x-1/2 inset-y-10\" />\n {/ horizontal divider for mobile */}\n <span className=\"block sm:hidden bg-secondary-50 w-full h-[1px] inset-x-10\" />\n <div className=\"flex flex-col gap-4 sm:pl-10 pt-6 sm:pt-8\">\n {contactItems.map((contactProps) => (\n <ContactItem key={contactProps.title} {...contactProps} />\n ))}\n </div>\n </div>\n);\n"]}

package/dist/components/Avatar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-'use strict';var n=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var n__default=/*#__PURE__*/_interopDefault(n);var i="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var p=({children:e,type:t="button",className:s,...r})=>n__default.default.createElement("button",{type:t,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${i} ${s}`,...r},e);var y=({src:e,size:t=48,onClick:s,...r})=>{let o=typeof t=="number"?`${t}px`:t,a=e?n__default.default.createElement("img",{src:e,alt:"avatar",className:"rounded-full",style:{width:o,height:o},...r}):n__default.default.createElement("div",{style:{width:o,height:o},className:"rounded-full bg-gray-200"});return s?n__default.default.createElement(p,{onClick:s},a):a};if (exports.default) module.exports = exports.default;exports.Avatar=y;//# sourceMappingURL=Avatar.cjs.map
+'use strict';var a=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);var p="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var c=({children:t,type:n="button",className:r,disabled:s,...e})=>a__default.default.createElement("button",{type:n,disabled:s,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${p} ${r} ${s?"opacity-50 cursor-not-allowed":""}`,...e},t);var f={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},b=t=>{if(!t)return {width:"48px",height:"48px"};let n=Array.isArray(t)?t:[t],r={},s;return n.forEach(e=>{if(typeof e=="number")s=`${e}px`;else {let[o,i]=e.split(":"),l=parseInt(i,10);r[`@media (minWidth: ${f[o]})`]=`${l}px`;}}),{width:s||"48px",height:s||"48px",...Object.entries(r).reduce((e,[o,i])=>({...e,[o]:{width:i,height:i}}),{})}},v=({src:t,size:n=48,onClick:r,...s})=>{let e=b(n),o=t?a__default.default.createElement("img",{src:t,alt:"avatar",className:"rounded-full",style:e,...s}):a__default.default.createElement("div",{style:e,className:"rounded-full bg-gray-200"});return r?a__default.default.createElement(c,{onClick:r},o):o};if (exports.default) module.exports = exports.default;exports.Avatar=v;//# sourceMappingURL=Avatar.cjs.map
 //# sourceMappingURL=Avatar.cjs.map