npm - @tollbrothers/blueprint - Versions diffs - 1.7.1 → 1.8.0 - Mend

@tollbrothers/blueprint 1.7.1 → 1.8.0

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 (16) hide show

package/README.md +17 -19
package/dist/ThemeProviderClientSide-1b75eb5e.js +2 -0
package/dist/ThemeProviderClientSide-1b75eb5e.js.map +1 -0
package/dist/ThemeProviderClientSide-8c365905.js +2 -0
package/dist/ThemeProviderClientSide-8c365905.js.map +1 -0
package/dist/index-05807582.js +2 -0
package/dist/index-05807582.js.map +1 -0
package/dist/index-23e9f650.js +2 -0
package/dist/index-23e9f650.js.map +1 -0
package/dist/index.css +1 -1
package/dist/index.css.map +1 -1
package/dist/index.js +1 -1
package/dist/index.js.map +1 -1
package/dist/index.modern.mjs +1 -1
package/dist/index.modern.mjs.map +1 -1
package/package.json +3 -3

package/README.md CHANGED Viewed

@@ -44,6 +44,23 @@ To start using Blueprint in your project, follow these simple steps:
 1. From `blueprint` point react and react-dom to local e.g. `npm i ../whateverRepoYouAreTesting` for devDependencies and peerDependencies via `file:`.
 2. From `whateverRepoYouAreTesting` point `@tollbrothers/blueprint` to the local directory via `file:`.
+To ensure proper resolution of dependencies, particularly for React, React DOM, and Material-UI, configure the `paths` in your `jsconfig.json` (or `tsconfig.json` if using TypeScript).
+#### Update Your `jsconfig.json`:
+```json
+{
+  "compilerOptions": {
+    "paths": {
+      "react": ["./node_modules/react"],
+      "react-dom": ["./node_modules/react-dom"]
+    }
+  }
+}
+```
+By explicitly defining paths in your jsconfig.json, you ensure that your project uses the correct instances of react, react-dom, and other dependencies. This prevents issues where your library might resolve these packages to its own node_modules instead of the consumer project's node_modules.
 ## Workflow
@@ -67,22 +84,3 @@ Overview.mockData.js is used by Overview.stories.js
 Overview.stories.js is used by Storybook
 Overview.js is used by Overview.stories.js and the application
 ```
-### Setting Up Your Project to Use the Library
-To ensure proper resolution of dependencies, particularly for React, React DOM, and Material-UI, configure the `paths` in your `jsconfig.json` (or `tsconfig.json` if using TypeScript).
-#### Update Your `jsconfig.json`:
-```json
-{
-  "compilerOptions": {
-    "paths": {
-      "react": ["./node_modules/react"],
-      "react-dom": ["./node_modules/react-dom"]
-    }
-  }
-}
-```
-By explicitly defining paths in your jsconfig.json, you ensure that your project uses the correct instances of react, react-dom, and other dependencies. This prevents issues where your library might resolve these packages to its own node_modules instead of the consumer project's node_modules.

package/dist/ThemeProviderClientSide-1b75eb5e.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var t=require("react"),n=require("./index-05807582.js"),o=require("react/jsx-runtime");require("classnames"),require("next/dynamic");var e=function(t){var o=t.theme;return n._extends({},o,{typography:n._extends({},Object.keys(o.typography).reduce(function(t,e,r){var f;return 0===r&&(t[e]=o.typography[e].font),n._extends({},t,((f={})[e]=n._extends({},o.typography[e],{font:o.typography[e].fontStyle+"\n "+o.typography[e].fontWeight+"\n "+o.typography[e].fontSize+"/\n "+o.typography[e].lineHeight+"\n "+o.typography[e].fontFamily,fontStyle:o.typography[e].fontStyle,fontWeight:o.typography[e].fontWeight,fontSize:o.typography[e].fontSize,lineHeight:o.typography[e].lineHeight,fontFamily:o.typography[e].fontFamily,textDecorationLine:o.typography[e].textDecorationLine,textTransform:o.typography[e].textTransform,margin:o.typography[e].margin}),f))},{}))})};function r(t,n){void 0===n&&(n="");for(var o={},e=0,f=Object.entries(t);e<f.length;e++){var a=f[e],m=a[0],i=a[1],l=n?n+"-"+m:m;"object"==typeof i&&null!==i?Object.assign(o,r(i,l)):o["--tb-"+l]=i}return o}var f,a,m,i="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;exports.default=function(n){var l=n.children,s=n.theme,h=n.ThemeContext,p=t.useMemo(function(){return e({theme:s})},[s]),c=t.useMemo(function(){return r(e({theme:s}))},[s]);return i(function(){"undefined"==typeof document\|\|f\|\|((f=document.head.appendChild(document.createElement("style"))).innerHTML='\n @import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n ')},[]),function(t){i(function(){"undefined"==typeof document\|\|a\|\|((a=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.typography).map(function(t){return"\n.tb-typography-"+t+"-font {\n font: var(--tb-typography-"+t+"-font);\n text-decoration-line: var(--tb-typography-"+t+"-textDecorationLine);\n text-transform: var(--tb-typography-"+t+"-textTransform);\n}"}).join("\n"))},[])}(p),function(t,n){i(function(){"undefined"==typeof document\|\|m\|\|((m=document.head.appendChild(document.createElement("style"))).innerHTML="\n "+Object.keys(t.typography).map(function(t){return"\n:root {\n "+Object.entries(n).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n\n "+Object.entries(n).filter(function(t){var n=t[1];return t[0].includes("palette")&&n.includes("#")}).map(function(t){var n;return t[0]+"-RGB: "+(n=(n=t[1]).replace("#",""),parseInt(n.substring(0,2),16)+", "+parseInt(n.substring(2,4),16)+", "+parseInt(n.substring(4,6),16)+";")}).join("\n")+"\n}"}).join("\n"))},[])}(p,c),/#__PURE__/o.jsx(h.Provider,{value:p,children:l})};
2	+ //# sourceMappingURL=ThemeProviderClientSide-1b75eb5e.js.map

package/dist/ThemeProviderClientSide-1b75eb5e.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ThemeProviderClientSide-1b75eb5e.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default addFontTokens;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${hexToRgba(value)};`;\n })\n .join('\\n')}\n}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n"],"names":["addFontTokens","_ref","theme","_extends","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","styleElement","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","filter","_ref2","includes","_ref3","hex","replace","parseInt","substring","b","useCssVars","_jsx","Provider"],"mappings":"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"}

package/dist/ThemeProviderClientSide-8c365905.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useLayoutEffect as t,useEffect as o,useMemo as n}from"react";import{_ as e}from"./index-23e9f650.js";import{jsx as f}from"react/jsx-runtime";import"classnames";import"next/dynamic";const a=({theme:t})=>e({},t,{typography:e({},Object.keys(t.typography).reduce((o,n,f)=>(0===f&&(o[n]=t.typography[n].font),e({},o,{[n]:e({},t.typography[n],{font:`${t.typography[n].fontStyle}\n ${t.typography[n].fontWeight}\n ${t.typography[n].fontSize}/\n ${t.typography[n].lineHeight}\n ${t.typography[n].fontFamily}`,fontStyle:t.typography[n].fontStyle,fontWeight:t.typography[n].fontWeight,fontSize:t.typography[n].fontSize,lineHeight:t.typography[n].lineHeight,fontFamily:t.typography[n].fontFamily,textDecorationLine:t.typography[n].textDecorationLine,textTransform:t.typography[n].textTransform,margin:t.typography[n].margin})})),{}))});function r(t,o=""){const n={};for(const[e,f]of Object.entries(t)){const t=o?`${o}-${e}`:e;"object"==typeof f&&null!==f?Object.assign(n,r(f,t)):n[`--tb-${t}`]=f}return n}const m="undefined"!=typeof window?t:o;let l,s,i;const p=({children:t,theme:o,ThemeContext:e})=>{const p=n(()=>a({theme:o}),[o]),h=n(()=>r(a({theme:o})),[o]);return m(()=>{"undefined"==typeof document\|\|l\|\|(l=document.head.appendChild(document.createElement("style")),l.innerHTML='\n @import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \'Domaine\';\n src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Light"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: "Gotham Narrow";\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamSSm-Book"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local("GothamNarrSSm-Medium"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n ')},[]),(t=>{m(()=>{"undefined"==typeof document\|\|s\|\|(s=document.head.appendChild(document.createElement("style")),s.innerHTML=`\n ${Object.keys(t.typography).map(t=>`\n.tb-typography-${t}-font {\n font: var(--tb-typography-${t}-font);\n text-decoration-line: var(--tb-typography-${t}-textDecorationLine);\n text-transform: var(--tb-typography-${t}-textTransform);\n}`).join("\n")}`)},[])})(p),((t,o)=>{m(()=>{"undefined"==typeof document\|\|i\|\|(i=document.head.appendChild(document.createElement("style")),i.innerHTML=`\n ${Object.keys(t.typography).map(t=>`\n:root {\n ${Object.entries(o).map(([t,o])=>`${t}: ${o};`).join("\n")}\n\n ${Object.entries(o).filter(([t,o])=>t.includes("palette")&&o.includes("#")).map(([t,o])=>{return`${t}-RGB: ${n=o,n=n.replace("#",""),`${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}`};`;var n}).join("\n")}\n}`).join("\n")}`)},[])})(p,h),/#__PURE__/f(e.Provider,{value:p,children:t})};export{p as default};
2	+ //# sourceMappingURL=ThemeProviderClientSide-8c365905.js.map

package/dist/ThemeProviderClientSide-8c365905.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ThemeProviderClientSide-8c365905.js","sources":["../src/themes/utils/addFontTokens.js","../src/themes/utils/flattenToCssVars.js","../src/themes/hooks/useIsomorphicLayoutEffect.js","../src/themes/hooks/useFontFaces.js","../src/themes/hooks/useTypographyClasses.js","../src/themes/hooks/useCssVars.js","../src/themes/ThemeProviderClientSide.js","../src/themes/utils/hexToRGB.js"],"sourcesContent":["const addFontTokens = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default addFontTokens;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","import { useLayoutEffect, useEffect } from 'react';\n\n// React currently throws a warning when using useLayoutEffect on the server.\n// To get around it, we can conditionally useEffect on the server (no-op) and\n// useLayoutEffect in the browser.\n// source: https://github.com/omgovich/react-colorful/blob/master/src/hooks/useIsomorphicLayoutEffect.ts\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useFontFaces = () => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n @import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n `;\n }\n }, []);\n};\n\nexport default useFontFaces;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\n\nlet styleElement;\n\nconst useTypographyClasses = (decoratedTheme) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useTypographyClasses;\n","import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';\nimport hexToRgba from '../utils/hexToRGB';\n\nlet styleElement;\n\nconst useCssVars = (decoratedTheme, cssVarsObject) => {\n useIsomorphicLayoutEffect(() => {\n if (typeof document !== 'undefined' && !styleElement) {\n styleElement = document.head.appendChild(document.createElement('style'));\n styleElement.innerHTML = `\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${hexToRgba(value)};`;\n })\n .join('\\n')}\n}`;\n })\n .join('\\n')}`;\n }\n }, []);\n};\n\nexport default useCssVars;\n","import { useMemo } from 'react';\nimport addFontTokens from './utils/addFontTokens';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport useFontFaces from './hooks/useFontFaces';\nimport useTypographyClasses from './hooks/useTypographyClasses';\nimport useCssVars from './hooks/useCssVars';\n\nconst ThemeProviderClientSide = ({ children, theme, ThemeContext }) => {\n const decoratedTheme = useMemo(() => {\n return addFontTokens({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(addFontTokens({ theme }));\n }, [theme]);\n\n useFontFaces();\n useTypographyClasses(decoratedTheme);\n useCssVars(decoratedTheme, cssVarsObject);\n\n return <ThemeContext.Provider value={decoratedTheme}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProviderClientSide;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n"],"names":["addFontTokens","theme","_extends","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","styleElement","ThemeProviderClientSide","children","ThemeContext","decoratedTheme","useMemo","cssVarsObject","document","head","appendChild","createElement","innerHTML","map","typographyKey","join","useTypographyClasses","useCssVars","filter","includes","hex","replace","parseInt","substring","_jsx","Provider"],"mappings":"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"}

package/dist/index-05807582.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e=require("classnames"),t=require("react/jsx-runtime"),n=require("next/dynamic"),a=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=/#__PURE__/o(e);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r.apply(null,arguments)}function l(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var s={button:"_np7IM",small:"_NQ-QD",xsmall:"_tM-bY",fullWidth:"_0E3hl",primary:"_nenHF",secondary:"_iQkXQ",defaultColorStroke:"_YDQdy",defaultColorText:"_EVuup"},m=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],f={default:s.default,small:s.small,xsmall:s.xsmall},c={defaultColor:s.defaultColorFill},u={defaultColor:s.defaultColorStroke},d={defaultColor:s.defaultColorText},h=function(e){var n,a=e.children,o=e.size,h=void 0===o?"default":o,x=e.variant,S=void 0===x?"primary":x,p=e.PRIMARY_FILL_VARIANT,v=void 0===p?"defaultColor":p,y=e.SECONDARY_STROKE_VARIANT,g=void 0===y?"defaultColor":y,b=e.SECONDARY_TEXT_VARIANT,F=void 0===b?"defaultColor":b,T=e.className,H=void 0===T?"":T,A=e.fullWidth,B=void 0!==A&&A,N=l(e,m),D=i.default(s.button,f[h],s[S],((n={})[s.fullWidth]=B,n[c[v]\|\|c.defaultColor]="primary"===S,n[u[g]\|\|u.defaultColor]="secondary"===S,n[d[F]\|\|d.defaultColor]="secondary"===S,n),H);/#__PURE__/return t.jsx("button",r({className:D,type:"button"},N,{children:a}))},x=["children","className"],S=function(e){var n=e.children,a=e.className,o=void 0===a?"":a,i=l(e,x);/#__PURE__/return t.jsx("button",r({className:"_qcWK- "+o,color:"inherit",type:"button"},i,{children:n}))},p=["isCondensed","children","className"],v=/#__PURE__/o(n).default(function(){return Promise.resolve().then(function(){return require("./ThemeProviderClientSide-1b75eb5e.js")})},{ssr:!1}),y=/#__PURE__/a.createContext(),g=["placeholder","disabled","className"],b=/#__PURE__/a.forwardRef(function(e,n){var o=e.placeholder,i=e.disabled,s=e.className,m=l(e,g),f=a.useState({isFocused:!1,hasValue:!1}),c=f[0],u=f[1],d=a.useCallback(function(){i\|\|u(function(e){return r({},e,{isFocused:!0})})},[i]),h=a.useCallback(function(e){u({isFocused:!1,hasValue:""!==e.target.value})},[]),x=a.useCallback(function(e){u(function(t){return r({},t,{hasValue:""!==e.target.value})})},[]),S="_3zVok "+(c.isFocused\|\|c.hasValue?"_ceCmJ":"");/#__PURE__/return t.jsxs("div",{className:"_u-ahe "+(c.isFocused?"_J7SLy":"")+" "+(i?"_V-fi1":"")+" "+(s\|\|""),children:[/#__PURE__/t.jsx("input",r({className:"_pGUeT",onFocus:d,onBlur:h,onChange:x,placeholder:" ",disabled:i,ref:n},m)),/#__PURE__/t.jsx("label",{className:S,children:o})]})});b.displayName="InputField";var F=["placeholder","disabled","maxLength","value"],T={tabContainer:"_Kwpg8",tabTitleContainer:"_vXaUd",tabTitleScrollable:"_SJ3mH",tabItem:"_A66nG",selected:"_4rlGJ",tabContent:"_3Qpqa",selectionBar:"_xmfqZ"},H={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},A={palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}},typography:r({},H,{SemanticPlaceholder:H.GothamBaseBook,SemanticFloatingPlaceholder:H.GothamXSmallBook,SemanticInput:H.SubheaderBase,SemanticButtonLabelBase:H.GothamBaseBold,SemanticButtonLabelSmall:H.GothamSmallBold,SemanticTabLabel:H.GothamBaseBold,SemanticTagLabel:H.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=h,exports.FallbackAddButton=function(e){var n=e.isCondensed,a=void 0!==n&&n,o=e.children,i=void 0===o?"":o,s=e.className,m=void 0===s?"":s,f=l(e,p);return a?/#__PURE__/t.jsx(S,r({className:m},f,{children:"+"})):/#__PURE__/t.jsxs(h,r({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+m,style:{textWrap:"nowrap"},type:"button"},f,{children:["+ ",i]}))},exports.InputField=b,exports.SquareIconButton=S,exports.Tabs=function(e){var n=e.tabs,o=e.tabAction,i=a.useState(0),r=i[0],l=i[1],s=a.useMemo(function(){return n[r].content},[r]),m=a.useMemo(function(){return o?o():null},[o]);/#__PURE__/return t.jsxs("div",{className:T.tabContainer,children:[/#__PURE__/t.jsxs("div",{className:T.tabTitleContainer,children:[/#__PURE__/t.jsx("div",{className:T.tabTitleScrollable,children:n.map(function(e,n){/#__PURE__/return t.jsx(t.Fragment,{children:/#__PURE__/t.jsxs("div",{className:T.tabItem+" "+(r===n?T.selected:""),onClick:function(){return l(n)},children:[e.title,/#__PURE__/t.jsx("div",{className:T.selectionBar})]},"blueprint-tab-"+n)})})}),m&&/#__PURE__/t.jsx("div",{className:T.tabActionContainer,children:m})]}),/#__PURE__/t.jsx("div",{className:T.tabContent,children:/#__PURE__/t.jsx(s,{})})]})},exports.TextArea=function(e){var n=e.placeholder,o=e.disabled,i=e.maxLength,s=void 0===i?200:i,m=e.value,f=l(e,F),c=a.useState(!1),u=c[0],d=c[1],h=a.useState(!1),x=h[0],S=h[1],p=a.useState((null==m?void 0:m.length)\|\|0),v=p[0],y=p[1];/#__PURE__/return t.jsxs("div",{className:"_lmzUT "+(u?"_tQ70X":"")+" "+(o?"_6HG97":""),children:[/#__PURE__/t.jsx("textarea",r({className:"_Li9JW",onFocus:function(){return!o&&d(!0)},onBlur:function(e){d(!1),S(""!==e.target.value)},onChange:function(e){S(""!==e.target.value),y(e.target.length)},placeholder:" ",disabled:o,maxLength:s,value:m},f)),/#__PURE__/t.jsx("label",{className:"_DZ6uM "+(u\|\|x?"_YU7Pg":""),children:n}),/#__PURE__/t.jsxs("div",{className:"_WoiVu",children:[v,"/",s]})]})},exports.ThemeProvider=function(e){var n=e.children,o=e.theme,i=a.useState(!1),r=i[0],l=i[1];return a.useEffect(function(){l(!0)},[]),r?/#__PURE__/t.jsx(v,{theme:o,ThemeContext:y,children:n}):n},exports._extends=r,exports.defaultTheme=A,exports.useTheme=function(){return a.useContext(y)};
2	+ //# sourceMappingURL=index-05807582.js.map

package/dist/index-05807582.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-05807582.js","sources":["../src/primitives/Button/Button.js","../src/primitives/SquareIconButton/SquareIconButton.js","../src/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/primitives/InputField/InputField.js","../src/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/primitives/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall, // Extra small button size\n};\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill, // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke, // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText, // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n}) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor]:\n variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]:\n variant === 'secondary',\n },\n className\n );\n\n return (\n <button className={buttonClasses} type='button' {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n"],"names":["_excluded","SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","_classNames","children","_ref$size","size","_ref$variant","variant","_ref$PRIMARY_FILL_VAR","PRIMARY_FILL_VARIANT","_ref$SECONDARY_STROKE","SECONDARY_STROKE_VARIANT","_ref$SECONDARY_TEXT_V","SECONDARY_TEXT_VARIANT","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","jsx","color","ThemeProviderClientSide","dynamic","Promise","resolve","then","require","ssr","ThemeContext","createContext","InputField","forwardRef","ref","placeholder","disabled","props","_useState","useState","isFocused","hasValue","inputState","setInputState","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","_jsxs","onFocus","onBlur","onChange","displayName","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","style","textWrap","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","jsxs","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","setIsFocused","_useState2","setHasValue","_useState3","length","charCount","setCharCount","theme","clientReady","setClientReady","useEffect","useContext"],"mappings":"+sBAAAA,EAAA,CAAA,WAAA,OAAA,UAAA,uBAAA,2BAAA,yBAAA,YAAA,aAGMC,EAAe,CACnBC,QAASC,UACTC,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,QAIXC,EAAwB,CAC5BC,aAAcJ,EAAOK,kBAIjBC,EAA4B,CAChCF,aAAcJ,EAAOO,oBAGjBC,EAA0B,CAC9BJ,aAAcJ,EAAOS,kBAGjBC,EAAS,SAAHC,GAUNC,IAAAA,EATJC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EAChBM,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EACnBQ,qBAAAA,OAAoB,IAAAD,EAAG,eAAcA,EAAAE,EAAAT,EACrCU,yBAAAA,OAA2B,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzCY,uBAAAA,OAAyB,IAAHD,EAAG,eAAcA,EAAAE,EAAAb,EACvCc,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAf,EACdgB,UAAAA,WAASD,GAAQA,EACdE,EAAIC,EAAAlB,EAAAd,GAGDiC,EAAgBC,UACpB/B,EAAOgC,OACPlC,EAAaiB,GACbf,EAAOiB,KAAQL,MAEZZ,EAAO2B,WAAYA,EAASf,EAC5BT,EAAsBgB,IAAyBhB,EAAsBC,cAA2B,YAAZa,EAAqBL,EACzGN,EAA0Be,IAA6Bf,EAA0BF,cACpE,cAAZa,EAAuBL,EACxBJ,EAAwBe,IAA2Bf,EAAwBJ,cAC9D,cAAZa,EAAuBL,GAE3Ba,gBAGF,OACEQ,EAAAA,IAAA,SAAAC,EAAQT,CAAAA,UAAWK,EAAeK,KAAK,UAAaP,EAAIf,CAAAA,SACrDA,IAGP,ECvDAhB,EAAA,CAAA,WAAA,aAEMuC,EAAmB,SAAHzB,GAA8C,IAAxCE,EAAQF,EAARE,SAAQW,EAAAb,EAAEc,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAKI,EAAIC,EAAAlB,EAAAd,gBAC3D,OACEoC,EAAAI,IAAA,SAAAH,EAAQT,CAAAA,UAAczB,UAA2ByB,EAAaa,MAAM,UAAUH,KAAM,UAAcP,EAAI,CAAAf,SACnGA,IAGP,ECRAhB,EAAA,CAAA,cAAA,WAAA,aCEM0C,oBAA0BC,QAAQ,kBAAYC,QAACC,UAAAC,KAAA,WAAA,OAAAC,QAAA,wCAA4B,EAAA,EAAE,CACjFC,KAAK,IAGDC,eAAeC,EAAaA,gBCNlClD,EAAA,CAAA,cAAA,WAAA,aAGMmD,eAAaC,aAAW,SAAAtC,EAAiDuC,OAA9CC,EAAWxC,EAAXwC,YAAaC,EAAQzC,EAARyC,SAAU3B,EAASd,EAATc,UAAc4B,EAAKxB,EAAAlB,EAAAd,GACzEyD,EAAoCC,WAAS,CAC3CC,WAAW,EACXC,UAAU,IAFLC,EAAUJ,EAAA,GAAEK,EAAaL,EAKhC,GAAMM,EAAcC,EAAWA,YAAC,WACzBT,GACHO,EAAc,SAACG,GAAI,OAAA5B,EAAW4B,GAAAA,EAAMN,CAAAA,WAAW,GAAI,EAEvD,EAAG,CAACJ,IAEEW,EAAaF,EAAAA,YAAY,SAACG,GAC9BL,EAAc,CACZH,WAAW,EACXC,SAA6B,KAAnBO,EAAEC,OAAOC,OAEvB,EAAG,IAEGC,EAAeN,EAAWA,YAAC,SAACG,GAChCL,EAAc,SAACG,UAAI5B,EAAA,CAAA,EACd4B,EAAI,CACPL,SAA6B,KAAnBO,EAAEC,OAAOC,OAAY,EAEnC,EAAG,IAOGE,EAAoBpE,WACxB0D,EAAWF,WAAaE,EAAWD,kBAAwC,iBAG7E,OACEY,EAAAA,KAAA,MAAA,CAAK5C,UATuBzB,WAAyB0D,EAAWF,mBAA6B,IAC7FJ,KAAAA,WAA6B,IAC3B3B,KAAAA,GAAa,IAOoBZ,SACjCoB,cAAAA,cAAAC,EAAA,CACET,mBACA6C,QAASV,EACTW,OAAQR,EACRS,SAAUL,EACVhB,YAAY,IACZC,SAAUA,EACVF,IAAKA,GACDG,iBAENpB,MAAOR,QAAAA,CAAAA,UAAW2C,EAAevD,SAAEsC,MAGzC,GAGAH,EAAWyB,YAAc,iBCxDzB5E,EAAA,CAAA,cAAA,WAAA,YAAA,uKCAM6E,EAAa,CACjBC,GAAI,CACFC,SAAU,OACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBC,GAAI,CACFP,SAAU,SACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBE,GAAI,CACFR,SAAU,YACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBG,GAAI,CACFT,SAAU,UACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBI,GAAI,CACFV,SAAU,UACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBK,GAAI,CACFX,SAAU,YACVC,WAAY,wCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBM,SAAU,CACRZ,SAAU,OACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBO,UAAW,CACTb,SAAU,WACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBQ,UAAW,CACTd,SAAU,YACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBS,WAAY,CACVf,SAAU,YACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBU,cAAe,CACbhB,SAAU,OACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBW,eAAgB,CACdjB,SAAU,WACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBY,eAAgB,CACdlB,SAAU,YACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBa,gBAAiB,CACfnB,SAAU,YACVC,WAAY,8CACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBc,eAAgB,CACdpB,SAAU,WACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBe,eAAgB,CACdrB,SAAU,WACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBgB,gBAAiB,CACftB,SAAU,UACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBiB,gBAAiB,CACfvB,SAAU,UACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBkB,iBAAkB,CAChBxB,SAAU,YACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,OACfC,mBAAoB,QAEtBmB,eAAgB,CACdzB,SAAU,YACVC,WAAY,uCACZC,UAAW,SACXC,WAAY,IACZC,WAAY,OACZC,cAAe,YACfC,mBAAoB,SCjLXoB,EAAe,CAC1BC,QAAS,CACPC,GAAI,CACFC,MAAO,CACLC,QAAS,UACTC,OAAQ,UACRC,OAAQ,UACRC,KAAM,WAERC,WAAY,CACVC,MAAO,UACPC,SAAU,UACVC,MAAO,UACPC,SAAU,UACVC,SAAU,UACVC,QAAS,UACTC,UAAW,UACXC,WAAY,2BACZC,QAAS,UACTC,MAAO,WAETC,IAAK,CACHC,KAAM,UACNC,QAAS,UACTC,cAAe,UACfC,MAAO,UACPC,eAAgB,UAChBC,SAAU,UACVC,SAAU,UACVC,OAAQ,YAGZC,QAAS,CACPC,SAAU,UACVC,KAAM,WAERC,OAAQ,CACNjF,SAAU,wBAGdsB,WAAUxC,EACLwC,CAAAA,EAAAA,GACH4D,oBAAqB5D,EAAWuB,eAChCsC,4BAA6B7D,EAAW0B,iBACxCoC,cAAe9D,EAAWkB,cAC1B6C,wBAAyB/D,EAAWsB,eACpC0C,yBAA0BhE,EAAWwB,gBACrCyC,iBAAkBjE,EAAWsB,eAC7B4C,iBAAkBlE,EAAWwB,kBAE/B2C,wBAAyB,kDLjDD,SAAHlI,GAAwEmI,IAAAA,EAAAnI,EAAlEoI,YAAAA,OAAW,IAAAD,GAAQA,EAAAE,EAAArI,EAAEE,SAAAA,OAAW,IAAHmI,EAAG,GAAEA,EAAAxH,EAAAb,EAAEc,UAAAA,WAASD,EAAG,GAAEA,EAAKI,EAAIC,EAAAlB,EAAAd,GACtF,OAAIkJ,eAEA9G,EAAAA,IAACG,EAAgBF,EAAA,CAACT,UAAWA,GAAeG,GAAIf,SAAE,oBAOpDwD,EAAAA,KAAC3D,EAAMwB,EACLnB,CAAAA,KAAM,QACNuB,MAAO,SACPrB,QAAS,OACTQ,UAAuDA,4CAAAA,EACvDwH,MAAO,CAAEC,SAAU,UACnB/G,KAAM,UACFP,EAAI,CAAAf,SAEP,CAAA,KACAA,KAGP,+DMvBa,SAAHF,GAA4B,IAAtBwI,EAAIxI,EAAJwI,KAAMC,EAASzI,EAATyI,UACpB9F,EAAsCC,EAAQA,SAAC,GAAxC8F,EAAW/F,KAAEgG,EAAchG,EAAA,GAC5BiG,EAAoBC,EAAAA,QAAQ,WAChC,OAAOL,EAAKE,GAAaI,OAC3B,EAAG,CAACJ,IAEEK,EAAqBF,EAAAA,QAAQ,WACjC,OAAOJ,EAAYA,IAAc,IACnC,EAAG,CAACA,iBAEJ,OACE/E,EAAAsF,KAAA,MAAA,CAAKlI,UAAWzB,EAAO4J,aAAa/I,SAAA,cAClCwD,EAAAA,KAAA,MAAA,CAAK5C,UAAWzB,EAAO6J,kBAAkBhJ,SACvCoB,cAAAA,EAAAA,IAAKR,MAAAA,CAAAA,UAAWzB,EAAO8J,mBAAmBjJ,SACvCsI,EAAKY,IAAI,SAACC,EAAKC,gBACd,OACEhI,EAAAI,IAAA6H,EAAAC,SAAA,CAAAtJ,sBACEwD,EAAAA,KAAA,MAAA,CAEE5C,UAAczB,EAAOoK,QAAO,KAAIf,IAAgBY,EAAQjK,EAAOqK,SAAW,IAC1EC,QAAS,WAAA,OAAMhB,EAAeW,EAAM,EAACpJ,SAAA,CAEpCmJ,EAAIO,mBACLtI,EAAAI,IAAA,MAAA,CAAKZ,UAAWzB,EAAOwK,iBAAgB,iBALjBP,IAS9B,KAEDP,gBAAsBzH,EAAAA,IAAKR,MAAAA,CAAAA,UAAWzB,EAAOyK,mBAAmB5J,SAAE6I,oBAErEzH,EAAAI,IAAA,MAAA,CAAKZ,UAAWzB,EAAO0K,WAAW7J,sBAChCoB,EAAAA,IAACsH,EAAiB,CAAA,OAI1B,mBHpCiB,SAAH5I,GAAoE,IAA9DwC,EAAWxC,EAAXwC,YAAaC,EAAQzC,EAARyC,SAAQuH,EAAAhK,EAAEiK,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAAEzG,EAAKvD,EAALuD,MAAUb,EAAKxB,EAAAlB,EAAAd,GACzEyD,EAAkCC,EAAAA,UAAS,GAApCC,EAASF,EAAA,GAAEuH,EAAYvH,EAC9B,GAAAwH,EAAgCvH,EAAQA,UAAC,GAAlCE,EAAQqH,EAAA,GAAEC,EAAWD,EAC5B,GAAAE,EAAkCzH,EAAQA,UAAM,MAALW,OAAK,EAALA,EAAO+G,SAAU,GAArDC,EAASF,EAAA,GAAEG,EAAYH,EAE9B,gBAaA,OACE3G,EAAAA,KACE5C,MAAAA,CAAAA,UAAczB,WAA4BwD,WAA6B,IAAE,KAAIJ,WAA6B,IAAKvC,uBAE/GoB,EAAAI,IAAA,WAAAH,EACET,CAAAA,mBACA6C,QAnBc,WAAH,OAAUlB,GAAYyH,GAAa,EAAK,EAoBnDtG,OAlBa,SAACP,GAClB6G,GAAa,GACbE,EAA+B,KAAnB/G,EAAEC,OAAOC,MACvB,EAgBMM,SAde,SAACR,GAEpB+G,EAA2B,KADR/G,EAAEC,OAAOC,OAE5BiH,EAAanH,EAAEC,OAAOgH,OACxB,EAWM9H,YAAY,IACZC,SAAUA,EACVwH,UAAWA,EACX1G,MAAOA,GACHb,iBAENpB,EAAAA,IAAA,QAAA,CAAOR,UAAczB,WAAsBwD,GAAaC,WAAwC,IAAK5C,SAClGsC,iBAEHkB,cAAK5C,mBAA8BZ,SAChCqK,CAAAA,EAAU,IAAEN,OAIrB,wBFpCsB,SAAHjK,GAAM,IAAAE,EAAQF,EAARE,SAAUuK,EAAKzK,EAALyK,MACjC9H,EAAsCC,EAAAA,UAAS,GAAxC8H,EAAW/H,EAAA,GAAEgI,EAAchI,EAAA,GAMlC,OAJAiI,EAAAA,UAAU,WACRD,GAAe,EACjB,EAAG,IAEED,eAKHpJ,EAAAA,IAACM,EAAwB6I,CAAAA,MAAOA,EAAOtI,aAAcA,EAAajC,SAC/DA,IALIA,CAQX,6DAEgB,WACd,OAAO2K,EAAAA,WAAW1I,EACpB"}

package/dist/index-23e9f650.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"classnames";import{jsx as t,jsxs as n,Fragment as a}from"react/jsx-runtime";import o from"next/dynamic";import{useState as l,useEffect as i,useContext as r,createContext as s,forwardRef as m,useCallback as c,useMemo as f}from"react";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(null,arguments)}function d(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.indexOf(a)>=0)continue;n[a]=e[a]}return n}var u={button:"_np7IM",small:"_NQ-QD",xsmall:"_tM-bY",fullWidth:"_0E3hl",primary:"_nenHF",secondary:"_iQkXQ",defaultColorStroke:"_YDQdy",defaultColorText:"_EVuup"};const S=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],x={default:u.default,small:u.small,xsmall:u.xsmall},y={defaultColor:u.defaultColorFill},p={defaultColor:u.defaultColorStroke},g={defaultColor:u.defaultColorText},F=n=>{let{children:a,size:o="default",variant:l="primary",PRIMARY_FILL_VARIANT:i="defaultColor",SECONDARY_STROKE_VARIANT:r="defaultColor",SECONDARY_TEXT_VARIANT:s="defaultColor",className:m="",fullWidth:c=!1}=n,f=d(n,S);const F=e(u.button,x[o],u[l],{[u.fullWidth]:c,[y[i]\|\|y.defaultColor]:"primary"===l,[p[r]\|\|p.defaultColor]:"secondary"===l,[g[s]\|\|g.defaultColor]:"secondary"===l},m);/#__PURE__/return t("button",h({className:F,type:"button"},f,{children:a}))},b=["children","className"],v=e=>{let{children:n,className:a=""}=e,o=d(e,b);/#__PURE__/return t("button",h({className:`_qcWK- ${a}`,color:"inherit",type:"button"},o,{children:n}))},H=["isCondensed","children","className"],T=e=>{let{isCondensed:a=!1,children:o="",className:l=""}=e,i=d(e,H);return a?/#__PURE__/t(v,h({className:l},i,{children:"+"})):/#__PURE__/n(F,h({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${l}`,style:{textWrap:"nowrap"},type:"button"},i,{children:["+ ",o]}))},A=o(()=>import("./ThemeProviderClientSide-8c365905.js"),{ssr:!1}),N=/#__PURE__/s(),D=({children:e,theme:n})=>{const[a,o]=l(!1);return i(()=>{o(!0)},[]),a?/#__PURE__/t(A,{theme:n,ThemeContext:N,children:e}):e};function B(){return r(N)}const _=["placeholder","disabled","className"],C=/#__PURE__/m((e,a)=>{let{placeholder:o,disabled:i,className:r}=e,s=d(e,_);const[m,f]=l({isFocused:!1,hasValue:!1}),u=c(()=>{i\|\|f(e=>h({},e,{isFocused:!0}))},[i]),S=c(e=>{f({isFocused:!1,hasValue:""!==e.target.value})},[]),x=c(e=>{f(t=>h({},t,{hasValue:""!==e.target.value}))},[]),y="_3zVok "+(m.isFocused\|\|m.hasValue?"_ceCmJ":"");/#__PURE__/return n("div",{className:`_u-ahe ${m.isFocused?"_J7SLy":""} ${i?"_V-fi1":""} ${r\|\|""}`,children:[/#__PURE__/t("input",h({className:"_pGUeT",onFocus:u,onBlur:S,onChange:x,placeholder:" ",disabled:i,ref:a},s)),/#__PURE__/t("label",{className:y,children:o})]})});C.displayName="InputField";const G=["placeholder","disabled","maxLength","value"],L=e=>{let{placeholder:a,disabled:o,maxLength:i=200,value:r}=e,s=d(e,G);const[m,c]=l(!1),[f,u]=l(!1),[S,x]=l((null==r?void 0:r.length)\|\|0);/#__PURE__/return n("div",{className:`_lmzUT ${m?"_tQ70X":""} ${o?"_6HG97":""}`,children:[/#__PURE__/t("textarea",h({className:"_Li9JW",onFocus:()=>!o&&c(!0),onBlur:e=>{c(!1),u(""!==e.target.value)},onChange:e=>{u(""!==e.target.value),x(e.target.length)},placeholder:" ",disabled:o,maxLength:i,value:r},s)),/#__PURE__/t("label",{className:"_DZ6uM "+(m\|\|f?"_YU7Pg":""),children:a}),/#__PURE__/n("div",{className:"_WoiVu",children:[S,"/",i]})]})};var W={tabContainer:"_Kwpg8",tabTitleContainer:"_vXaUd",tabTitleScrollable:"_SJ3mH",tabItem:"_A66nG",selected:"_4rlGJ",tabContent:"_3Qpqa",selectionBar:"_xmfqZ"};const z=({tabs:e,tabAction:o})=>{const[i,r]=l(0),s=f(()=>e[i].content,[i]),m=f(()=>o?o():null,[o]);/#__PURE__/return n("div",{className:W.tabContainer,children:[/#__PURE__/n("div",{className:W.tabTitleContainer,children:[/#__PURE__/t("div",{className:W.tabTitleScrollable,children:e.map((e,o)=>/#__PURE__/t(a,{children:/#__PURE__/n("div",{className:`${W.tabItem} ${i===o?W.selected:""}`,onClick:()=>r(o),children:[e.title,/#__PURE__/t("div",{className:W.selectionBar})]},`blueprint-tab-${o}`)}))}),m&&/#__PURE__/t("div",{className:W.tabActionContainer,children:m})]}),/#__PURE__/t("div",{className:W.tabContent,children:/#__PURE__/t(s,{})})]})},E={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},I={palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}},typography:h({},E,{SemanticPlaceholder:E.GothamBaseBook,SemanticFloatingPlaceholder:E.GothamXSmallBook,SemanticInput:E.SubheaderBase,SemanticButtonLabelBase:E.GothamBaseBold,SemanticButtonLabelSmall:E.GothamSmallBold,SemanticTabLabel:E.GothamBaseBold,SemanticTagLabel:E.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{F as B,T as F,C as I,v as S,L as T,h as _,D as a,z as b,I as d,B as u};
2	+ //# sourceMappingURL=index-23e9f650.js.map

package/dist/index-23e9f650.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-23e9f650.js","sources":["../src/primitives/Button/Button.js","../src/primitives/SquareIconButton/SquareIconButton.js","../src/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/ThemeProvider.js","../src/primitives/InputField/InputField.js","../src/primitives/TextArea/TextArea.js","../src/primitives/Tabs/Tabs.js","../src/themes/default/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall, // Extra small button size\n};\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill, // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke, // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText, // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n}) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] || PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] || SECONDARY_STROKE_VARIANTS.defaultColor]:\n variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] || SECONDARY_TEXT_VARIANTS.defaultColor]:\n variant === 'secondary',\n },\n className\n );\n\n return (\n <button className={buttonClasses} type='button' {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","import dynamic from 'next/dynamic';\nimport { createContext, useContext, useEffect, useState } from 'react';\nconst ThemeProviderClientSide = dynamic(() => import('./ThemeProviderClientSide'), {\n ssr: false,\n});\n\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, []);\n\n if (!clientReady) {\n return children;\n }\n\n return (\n <ThemeProviderClientSide theme={theme} ThemeContext={ThemeContext}>\n {children}\n </ThemeProviderClientSide>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className || ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused || inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length || 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused || hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n"],"names":["SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","color","FallbackAddButton","isCondensed","_jsxs","style","textWrap","ThemeProviderClientSide","dynamic","import","ssr","ThemeContext","createContext","ThemeProvider","theme","clientReady","setClientReady","useState","useEffect","useTheme","useContext","InputField","forwardRef","ref","placeholder","disabled","props","inputState","setInputState","isFocused","hasValue","handleFocus","useCallback","prev","handleBlur","e","target","value","handleChange","labelClassName","onFocus","onBlur","onChange","displayName","TextArea","maxLength","setIsFocused","setHasValue","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","index","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","typography","H1","fontSize","fontFamily","fontStyle","fontWeight","lineHeight","textTransform","textDecorationLine","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"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"}

package/dist/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-._RkubW{align-items:center;background-color:var(--tb-palette-TB-Brand-Accent);border:0;border-radius:var(--tb-GlobalBrandBorderRadius);color:#fff;cursor:pointer;display:flex;font:var(--tb-typography-SemanticButtonLabelBase-font);height:48px;justify-content:center;min-width:55px;overflow:hidden;padding:0 20px;position:relative;width:-moz-fit-content;width:fit-content}._RkubW._pV7AR{height:40px}._RkubW._7FiWF,._RkubW._pV7AR{font:var(--tb-typography-SemanticButtonLabelSmall-font)}._RkubW._7FiWF{height:32px}._RkubW._6cI1z{width:100%}._RkubW._ay1Sp:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB),.4),rgba(var(--tb-palette-TB-Functional-Black-RGB),.4)),var(--tb-palette-TB-Brand-Accent)}._RkubW._ay1Sp:disabled{background-color:var(--tb-palette-TB-Functional-MedGray);color:#fff;cursor:not-allowed}._RkubW._UebRL{background-color:var(--tb-palette-TB-Functional-White-RGB)}._RkubW._UebRL._Lb6KY{border:1px solid var(--tb-palette-TB-Brand-Gray)}._RkubW._UebRL._sZZuY{color:var(--tb-palette-TB-Brand-Medium)}._RkubW._UebRL:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4),rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4)),transparent}._RkubW._UebRL:disabled{background-color:#fff;border:1px solid var(--tb-palette-TB-Functional-MedGray);color:var(--tb-palette-TB-Functional-MedGray);cursor:not-allowed}._RkubW img{filter:invert(1);height:13px}._RkubW span{display:none}@media (min-width:576px){._RkubW span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._-kJUj{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;justify-content:center;width:20px}._-kJUj,._MeMZp{align-items:center;display:flex}._MeMZp{background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);box-sizing:border-box;height:60px;padding:0 20px;position:relative;width:100%}._MeMZp._8Hsn-{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._MeMZp._eNyUD{background:#e9edf0}._MeMZp._eNyUD ._78FKB{color:var(--TB-Brand-DarkGray,#858585)}._Bc-Kx{background:transparent;border:none;color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-SubheaderBase-font);height:100%;padding:12px 0 0;text-align:left;width:100%}._Bc-Kx:focus{outline:none}._Bc-Kx:disabled{cursor:not-allowed}._Bc-Kx:not(:-moz-placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._Bc-Kx:not(:placeholder-shown)+._78FKB{top:6px;transform:translateY(0)}._78FKB{color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-GothamBaseBook-font);left:20px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:all .2s ease-out}._78FKB._5znRk{font:var(--tb-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._z1n8A{align-items:center;background:var(--tb-palette-TB-Functional-White,#fff);border:1px solid var(--tb-palette-TB-Brand-Gray,#8195a2);display:flex;height:200px;padding:0 20px;position:relative;transition:all .2s ease-out;width:343px}._z1n8A._2RHao{border-bottom:4px solid var(--tb-palette-TB-Brand-Gray,#8195a2)}._z1n8A._k6HqW{background:var(--tb-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._iEdgY{background:transparent;border:none;color:#000;font:var(--tb-typography-SubheaderBase-font);height:calc(100% - 20px);padding:12px 0 0;resize:none;text-align:left;width:100%}._iEdgY:focus{outline:none}._iEdgY:disabled{cursor:not-allowed}._VSnow{color:#000;font:var(--tb-typography-SemanticPlaceholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._YYp0f{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:-moz-placeholder-shown)+._VSnow{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._iEdgY:not(:placeholder-shown)+._VSnow{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._LuSeq,._k6HqW ._VSnow{color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._LuSeq{bottom:5px;font-size:12px;position:absolute;right:20px}._5eXiF{display:flex;flex-direction:column;gap:16px}._9-wY-{justify-content:space-between;padding:0 16px;position:relative}._9-wY-,._9-wY- ._SYuOW{display:flex;gap:16px;width:100%}._9-wY- ._SYuOW{align-items:flex-end;overflow-x:scroll}._9-wY- ._SYuOW::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._9-wY- ._SYuOW::-webkit-scrollbar-track{background:transparent}._9-wY- ._SYuOW::-webkit-scrollbar-track-piece{border:1px solid transparent}._9-wY- ._SYuOW::-webkit-scrollbar-thumb{background:var(--tb-palette-TB-Functional-DarkGray,#858585)}._9-wY-:after{background-color:#d8d8d8;bottom:0;box-shadow:0 1px 2px hsla(0,0%,52%,.15);content:"";height:1px;left:0;position:absolute;right:0}._V7xf9{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--tb-typography-GothamBaseBold-font);gap:8px}._V7xf9._GVCyF{color:var(--tb-palette-TB-Functional-Black,#000)}._V7xf9:not(._GVCyF){color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._3-wzH{padding:0 16px}._tsK-o{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._GVCyF ._tsK-o{background-color:var(--tb-palette-TB-Brand-Accent,#0070cd)}
+._np7IM{align-items:center;background-color:var(--tb-palette-TB-Brand-Accent);border:0;border-radius:var(--tb-GlobalBrandBorderRadius);color:#fff;cursor:pointer;display:flex;font:var(--tb-typography-SemanticButtonLabelBase-font);height:48px;justify-content:center;min-width:55px;overflow:hidden;padding:0 20px;position:relative;width:-moz-fit-content;width:fit-content}._np7IM._NQ-QD{height:40px}._np7IM._NQ-QD,._np7IM._tM-bY{font:var(--tb-typography-SemanticButtonLabelSmall-font)}._np7IM._tM-bY{height:32px}._np7IM._0E3hl{width:100%}._np7IM._nenHF:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB),.4),rgba(var(--tb-palette-TB-Functional-Black-RGB),.4)),var(--tb-palette-TB-Brand-Accent)}._np7IM._nenHF:disabled{background-color:var(--tb-palette-TB-Functional-MedGray);color:#fff;cursor:not-allowed}._np7IM._iQkXQ{background-color:var(--tb-palette-TB-Functional-White-RGB)}._np7IM._iQkXQ._YDQdy{border:1px solid var(--tb-palette-TB-Brand-Gray)}._np7IM._iQkXQ._EVuup{color:var(--tb-palette-TB-Brand-Medium)}._np7IM._iQkXQ:hover:not(:disabled){background:linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4),rgba(var(--tb-palette-TB-Brand-Gray-RGB),.4)),transparent}._np7IM._iQkXQ:disabled{background-color:#fff;border:1px solid var(--tb-palette-TB-Functional-MedGray);color:var(--tb-palette-TB-Functional-MedGray);cursor:not-allowed}._np7IM img{filter:invert(1);height:13px}._np7IM span{display:none}@media (min-width:576px){._np7IM span{display:inline-block;font-size:14px;margin-left:8px;white-space:nowrap}}._qcWK-{border:1px solid;border-color:var(--tb-palette-TB-Functional-MedGray);border-radius:4px;height:20px;justify-content:center;width:20px}._qcWK-,._u-ahe{align-items:center;display:flex}._u-ahe{background:var(--TB-Brand-BG-Text,#fff);border:1px solid var(--TB-Brand-Gray,#8195a2);box-sizing:border-box;height:60px;padding:0 20px;position:relative;width:100%}._u-ahe._J7SLy{border-bottom:4px solid var(--TB-Brand-Gray,#8195a2)}._u-ahe._V-fi1{background:#e9edf0}._u-ahe._V-fi1 ._3zVok{color:var(--TB-Brand-DarkGray,#858585)}._pGUeT{background:transparent;border:none;color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-SubheaderBase-font);height:100%;padding:12px 0 0;text-align:left;width:100%}._pGUeT:focus{outline:none}._pGUeT:disabled{cursor:not-allowed}._pGUeT:not(:-moz-placeholder-shown)+._3zVok{top:6px;transform:translateY(0)}._pGUeT:not(:placeholder-shown)+._3zVok{top:6px;transform:translateY(0)}._3zVok{color:var(--TB-Brand-Base-Text,#000);font:var(--tb-typography-GothamBaseBook-font);left:20px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:all .2s ease-out}._3zVok._ceCmJ{font:var(--tb-typography-GothamXSmallBook-font);top:6px;transform:translateY(0)}._lmzUT{align-items:center;background:var(--tb-palette-TB-Functional-White,#fff);border:1px solid var(--tb-palette-TB-Brand-Gray,#8195a2);display:flex;height:200px;padding:0 20px;position:relative;transition:all .2s ease-out;width:343px}._lmzUT._tQ70X{border-bottom:4px solid var(--tb-palette-TB-Brand-Gray,#8195a2)}._lmzUT._6HG97{background:var(--tb-palette-TB-Functional-LightGray,#e9edf0);border-color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._Li9JW{background:transparent;border:none;color:#000;font:var(--tb-typography-SubheaderBase-font);height:calc(100% - 20px);padding:12px 0 0;resize:none;text-align:left;width:100%}._Li9JW:focus{outline:none}._Li9JW:disabled{cursor:not-allowed}._DZ6uM{color:#000;font:var(--tb-typography-SemanticPlaceholder-font);left:20px;pointer-events:none;position:absolute;top:20px;transition:all .2s ease-out}._YU7Pg{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._Li9JW:not(:-moz-placeholder-shown)+._DZ6uM{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._Li9JW:not(:placeholder-shown)+._DZ6uM{font:var(--tb-typography-GothamXSmallBook-font);top:4px}._6HG97 ._DZ6uM,._WoiVu{color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._WoiVu{bottom:5px;font-size:12px;position:absolute;right:20px}._Kwpg8{display:flex;flex-direction:column;gap:16px}._vXaUd{justify-content:space-between;padding:0 16px;position:relative}._vXaUd,._vXaUd ._SJ3mH{display:flex;gap:16px;width:100%}._vXaUd ._SJ3mH{align-items:flex-end;overflow-x:scroll}._vXaUd ._SJ3mH::-webkit-scrollbar{height:2px;margin-top:-1px;width:1px}._vXaUd ._SJ3mH::-webkit-scrollbar-track{background:transparent}._vXaUd ._SJ3mH::-webkit-scrollbar-track-piece{border:1px solid transparent}._vXaUd ._SJ3mH::-webkit-scrollbar-thumb{background:var(--tb-palette-TB-Functional-DarkGray,#858585)}._vXaUd:after{background-color:#d8d8d8;bottom:0;box-shadow:0 1px 2px hsla(0,0%,52%,.15);content:"";height:1px;left:0;position:absolute;right:0}._A66nG{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;font:var(--tb-typography-GothamBaseBold-font);gap:8px}._A66nG._4rlGJ{color:var(--tb-palette-TB-Functional-Black,#000)}._A66nG:not(._4rlGJ){color:var(--tb-palette-TB-Functional-DarkGray,#858585)}._3Qpqa{padding:0 16px}._xmfqZ{background-color:transparent;height:2px;position:relative;width:100%;z-index:1}._4rlGJ ._xmfqZ{background-color:var(--tb-palette-TB-Brand-Accent,#0070cd)}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"~~AAsBA~~,QAGE,kBAAmB,CAOnB,kDAAmD,CACnD,QAAS,CACT,+CAAgD,CAChD,UAAY,CACZ,cAAe,CAZf,YAAa,CAab,sDAAuD,CAPvD,WAAY,CAJZ,sBAAuB,CAGvB,cAAe,CAFf,eAAgB,CAIhB,cAAe,CARf,iBAAkB,CAKlB,sBAAkB,CAAlB,iBAUF,CACA,eACE,WAEF,CACA,8BAFE,uDAKF,CAHA,eACE,WAEF,CACA,eACE,UACF,CACA,oCACE,mKACF,CACA,wBAEE,wDAAyD,CACzD,UAAY,CAFZ,kBAGF,CACA,eACE,0DACF,CACA,sBACE,gDACF,CACA,sBACE,uCACF,CACA,oCACE,iIACF,CACA,wBAEE,qBAAuB,CAEvB,wDAAyD,CADzD,6CAA8C,CAF9C,kBAIF,CACA,YACE,gBAAiB,CACjB,WACF,CACA,aACE,YACF,CACA,yBACE,aACE,oBAAqB,CACrB,cAAe,CAEf,eAAgB,CADhB,kBAEF,CACF,~~CC1FA~~,QAEE,gBAAiB,CACjB,oDAAqD,CAFrD,iBAAkB,CAIlB,WAAY,CAEZ,sBAAuB,CAHvB,UAKF,CCTA,gBDQE,kBAAmB,CAFnB,YCIF,CAVA,QAQE,uCAAyC,CADzC,6CAA+C,CAE/C,qBAAsB,CALtB,WAAY,CACZ,cAAe,CAHf,iBAAkB,CAClB,UAOF,CACA,eACE,oDACF,CACA,eACE,kBACF,CACA,uBACE,sCACF,CAEA,QAKE,sBAAuB,CADvB,WAAY,CAEZ,oCAAsC,CAEtC,4CAA6C,CAN7C,WAAY,CACZ,gBAAmB,CAInB,eAAgB,CANhB,UAQF,CACA,cACE,YACF,CACA,iBACE,kBACF,CACA,6CACE,OAAQ,CACR,uBACF,CAHA,wCACE,OAAQ,CACR,uBACF,CAEA,QAME,oCAAsC,CAGtC,6CAA8C,CAP9C,SAAU,CAMV,mBAAoB,CAPpB,iBAAkB,CAMlB,eAAgB,CAJhB,OAAQ,CACR,0BAA2B,CAC3B,2BAKF,CACA,eAGE,+CAAgD,CAFhD,OAAQ,CACR,uBAEF,CCzDA,QAKE,kBAAmB,CAGnB,qDAA0D,CAD1D,wDAA0D,CAN1D,YAAa,CACb,YAAa,CAEb,cAAiB,CAEjB,iBAAkB,CAGlB,2BAA6B,CAN7B,WAOF,CACA,eACE,+DACF,CACA,eACE,4DAA8D,CAC9D,6DACF,CAEA,QAIE,sBAAuB,CADvB,WAAY,CAEZ,UAAW,CAGX,4CAA6C,CAN7C,wBAAyB,CAKzB,gBAAmB,CAEnB,WAAY,CAHZ,eAAgB,CALhB,UASF,CACA,cACE,YACF,CACA,iBACE,kBACF,CAEA,QAKE,UAAW,CAEX,kDAAmD,CALnD,SAAU,CAIV,mBAAoB,CALpB,iBAAkB,CAElB,QAAS,CACT,2BAIF,CAEA,QAEE,+CAAgD,CADhD,OAEF,CAEA,6CAEE,+CAAgD,CADhD,OAEF,CAHA,wCAEE,+CAAgD,CADhD,OAEF,CAMA,wBAHE,sDASF,CANA,QAEE,UAAW,CAEX,cAAe,CAHf,iBAAkB,CAElB,UAGF,CCnEA,QACE,YAAa,CACb,qBAAsB,CACtB,QACF,CAEA,QAEE,6BAA8B,CAI9B,cAAe,CAFf,iBAGF,CACA,wBAPE,YAAa,CAEb,QAAS,CAET,UASF,CANA,gBAIE,oBAAqB,CADrB,iBAGF,CACA,mCAEE,UAAW,CACX,eAAgB,CAFhB,SAGF,CACA,yCACE,sBACF,CACA,+CACE,4BACF,CACA,yCACE,2DACF,CACA,cAOE,wBAAyB,CAJzB,QAAS,CAKT,uCAA+C,CAP/C,UAAW,CAKX,UAAW,CAFX,MAAO,CAFP,iBAAkB,CAGlB,OAIF,CAEA,QAGE,kBAAmB,CAGnB,cAAe,CALf,mBAAoB,CACpB,qBAAsB,CAGtB,aAAc,CAEd,6CAA8C,CAH9C,OAIF,CACA,eACE,gDACF,CACA,qBACE,sDACF,CAEA,QACE,cACF,CAEA,QAGE,4BAA6B,CAD7B,UAAW,CAEX,iBAAkB,CAHlB,UAAW,CAIX,SACF,CACA,gBACE,0DACF","file":"index.css","sourcesContent":["~~/\nUSEAGE:\n\nsizes: xs, sm, md, lg, xl\n\naside~~.primary {\n @include breakpoint(md) {\n float: right;\n width: 350px;\n }\n @include breakpoint(480px) {\n display: none;\n }\n @include breakpoint($min: 640px, $max: 767px) {\n text-align: center;\n font-style: italic;\n }\n}\n\nsizes: xs,sm,md,lg\n\n/\n.button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: fit-content;\n min-width: 55px;\n height: 48px;\n padding: 0 20px;\n background-color: var(--tb-palette-TB-Brand-Accent);\n border: 0;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n color: white;\n cursor: pointer;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n}\n.button.small {\n height: 40px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.xsmall {\n height: 32px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4), rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4)), var(--tb-palette-TB-Brand-Accent);\n}\n.button.primary:disabled {\n cursor: not-allowed;\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: white;\n}\n.button.secondary {\n background-color: var(--tb-palette-TB-Functional-White-RGB);\n}\n.button.secondary.defaultColorStroke {\n border: 1px solid var(--tb-palette-TB-Brand-Gray);\n}\n.button.secondary.defaultColorText {\n color: var(--tb-palette-TB-Brand-Medium);\n}\n.button.secondary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4), rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4)), transparent;\n}\n.button.secondary:disabled {\n cursor: not-allowed;\n background-color: white;\n color: var(--tb-palette-TB-Functional-MedGray);\n border: 1px solid var(--tb-palette-TB-Functional-MedGray);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 576px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--tb-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".inputContainer {\n display: flex;\n position: relative;\n width: 100%;\n height: 60px;\n padding: 0 20px;\n align-items: center;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n box-sizing: border-box;\n}\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n.inputContainer.disabled {\n background: #E9EDF0;\n}\n.inputContainer.disabled .placeholder {\n color: var(--TB-Brand-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n padding: 12px 0 0 0;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n font: var(--tb-typography-SubheaderBase-font);\n}\n.input:focus {\n outline: none;\n}\n.input:disabled {\n cursor: not-allowed;\n}\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--tb-typography-GothamBaseBook-font);\n}\n.placeholder.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--tb-typography-GothamXSmallBook-font);\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n background: var(--tb-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--tb-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--tb-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--tb-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--tb-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--tb-palette-TB-Brand-Accent, #0070CD);\n}"]}
1	+ {"version":3,"sources":["Button.module.scss","SquareIconButton.module.scss","InputField.module.scss","TextArea.module.scss","Tabs.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: fit-content;\n min-width: 55px;\n height: 48px;\n padding: 0 20px;\n background-color: var(--tb-palette-TB-Brand-Accent);\n border: 0;\n border-radius: var(--tb-GlobalBrandBorderRadius);\n color: white;\n cursor: pointer;\n font: var(--tb-typography-SemanticButtonLabelBase-font);\n}\n.button.small {\n height: 40px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.xsmall {\n height: 32px;\n font: var(--tb-typography-SemanticButtonLabelSmall-font);\n}\n.button.fullWidth {\n width: 100%;\n}\n.button.primary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4), rgba(var(--tb-palette-TB-Functional-Black-RGB), 0.4)), var(--tb-palette-TB-Brand-Accent);\n}\n.button.primary:disabled {\n cursor: not-allowed;\n background-color: var(--tb-palette-TB-Functional-MedGray);\n color: white;\n}\n.button.secondary {\n background-color: var(--tb-palette-TB-Functional-White-RGB);\n}\n.button.secondary.defaultColorStroke {\n border: 1px solid var(--tb-palette-TB-Brand-Gray);\n}\n.button.secondary.defaultColorText {\n color: var(--tb-palette-TB-Brand-Medium);\n}\n.button.secondary:hover:not(:disabled) {\n background: linear-gradient(rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4), rgba(var(--tb-palette-TB-Brand-Gray-RGB), 0.4)), transparent;\n}\n.button.secondary:disabled {\n cursor: not-allowed;\n background-color: white;\n color: var(--tb-palette-TB-Functional-MedGray);\n border: 1px solid var(--tb-palette-TB-Functional-MedGray);\n}\n.button img {\n filter: invert(1);\n height: 13px;\n}\n.button span {\n display: none;\n}\n@media (min-width: 576px) {\n .button span {\n display: inline-block;\n font-size: 14px;\n white-space: nowrap;\n margin-left: 8px;\n }\n}",".squareIconButton {\n border-radius: 4px;\n border: 1px solid;\n border-color: var(--tb-palette-TB-Functional-MedGray);\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n}",".inputContainer {\n display: flex;\n position: relative;\n width: 100%;\n height: 60px;\n padding: 0 20px;\n align-items: center;\n border: 1px solid var(--TB-Brand-Gray, #8195A2);\n background: var(--TB-Brand-BG-Text, #FFF);\n box-sizing: border-box;\n}\n.inputContainer.focused {\n border-bottom: 4px solid var(--TB-Brand-Gray, #8195A2);\n}\n.inputContainer.disabled {\n background: #E9EDF0;\n}\n.inputContainer.disabled .placeholder {\n color: var(--TB-Brand-DarkGray, #858585);\n}\n\n.input {\n width: 100%;\n height: 100%;\n padding: 12px 0 0 0;\n border: none;\n background: transparent;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n font: var(--tb-typography-SubheaderBase-font);\n}\n.input:focus {\n outline: none;\n}\n.input:disabled {\n cursor: not-allowed;\n}\n.input:not(:placeholder-shown) + .placeholder {\n top: 6px;\n transform: translateY(0);\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n transition: all 0.2s ease-out;\n color: var(--TB-Brand-Base-Text, #000);\n text-align: left;\n pointer-events: none;\n font: var(--tb-typography-GothamBaseBook-font);\n}\n.placeholder.floatingPlaceholder {\n top: 6px;\n transform: translateY(0);\n font: var(--tb-typography-GothamXSmallBook-font);\n}",".textAreaContainer {\n display: flex;\n height: 200px;\n width: 343px;\n padding: 0px 20px;\n align-items: center;\n position: relative;\n border: 1px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n background: var(--tb-palette-TB-Functional-White, #FFFFFF);\n transition: all 0.2s ease-out;\n}\n.textAreaContainer.focused {\n border-bottom: 4px solid var(--tb-palette-TB-Brand-Gray, #8195A2);\n}\n.textAreaContainer.disabled {\n background: var(--tb-palette-TB-Functional-LightGray, #E9EDF0);\n border-color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.textarea {\n width: 100%;\n height: calc(100% - 20px);\n border: none;\n background: transparent;\n color: #000;\n text-align: left;\n padding: 12px 0 0 0;\n font: var(--tb-typography-SubheaderBase-font);\n resize: none;\n}\n.textarea:focus {\n outline: none;\n}\n.textarea:disabled {\n cursor: not-allowed;\n}\n\n.placeholder {\n position: absolute;\n left: 20px;\n top: 20px;\n transition: all 0.2s ease-out;\n color: #000;\n pointer-events: none;\n font: var(--tb-typography-SemanticPlaceholder-font);\n}\n\n.floatingPlaceholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.textarea:not(:placeholder-shown) + .placeholder {\n top: 4px;\n font: var(--tb-typography-GothamXSmallBook-font);\n}\n\n.disabled .placeholder {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.charCounter {\n position: absolute;\n bottom: 5px;\n right: 20px;\n font-size: 12px;\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}",".tabContainer {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.tabTitleContainer {\n display: flex;\n justify-content: space-between;\n gap: 16px;\n position: relative;\n width: 100%;\n padding: 0 16px;\n}\n.tabTitleContainer .tabTitleScrollable {\n display: flex;\n gap: 16px;\n overflow-x: scroll;\n align-items: flex-end;\n width: 100%;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar {\n width: 1px;\n height: 2px;\n margin-top: -1px;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track {\n background: transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-track-piece {\n border: 1px solid transparent;\n}\n.tabTitleContainer .tabTitleScrollable::-webkit-scrollbar-thumb {\n background: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n.tabTitleContainer::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background-color: #D8D8D8;\n box-shadow: 0 1px 2px rgba(133, 133, 133, 0.15);\n}\n\n.tabItem {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n cursor: pointer;\n font: var(--tb-typography-GothamBaseBold-font);\n}\n.tabItem.selected {\n color: var(--tb-palette-TB-Functional-Black, #000000);\n}\n.tabItem:not(.selected) {\n color: var(--tb-palette-TB-Functional-DarkGray, #858585);\n}\n\n.tabContent {\n padding: 0 16px;\n}\n\n.selectionBar {\n width: 100%;\n height: 2px;\n background-color: transparent;\n position: relative;\n z-index: 1;\n}\n.selected .selectionBar {\n background-color: var(--tb-palette-TB-Brand-Accent, #0070CD);\n}"]}

package/dist/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t=require("classnames"),e=require("react/jsx-runtime"),n=require("react");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=/*#__PURE__*/o(t);function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},r.apply(null,arguments)}function i(t,e){if(null==t)return{};var n={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(e.indexOf(o)>=0)continue;n[o]=t[o]}return n}var l={button:"_RkubW",small:"_pV7AR",xsmall:"_7FiWF",fullWidth:"_6cI1z",primary:"_ay1Sp",secondary:"_UebRL",defaultColorStroke:"_Lb6KY",defaultColorText:"_sZZuY"},s=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],f={default:l.default,small:l.small,xsmall:l.xsmall},m={defaultColor:l.defaultColorFill},c={defaultColor:l.defaultColorStroke},h={defaultColor:l.defaultColorText},d=function(t){var n,o=t.children,d=t.size,u=void 0===d?"default":d,p=t.variant,y=void 0===p?"primary":p,x=t.PRIMARY_FILL_VARIANT,g=void 0===x?"defaultColor":x,b=t.SECONDARY_STROKE_VARIANT,S=void 0===b?"defaultColor":b,v=t.SECONDARY_TEXT_VARIANT,H=void 0===v?"defaultColor":v,F=t.className,w=void 0===F?"":F,B=t.fullWidth,T=void 0!==B&&B,N=i(t,s),D=a.default(l.button,f[u],l[y],((n={})[l.fullWidth]=T,n[m[g]||m.defaultColor]="primary"===y,n[c[S]||c.defaultColor]="secondary"===y,n[h[H]||h.defaultColor]="secondary"===y,n),w);/*#__PURE__*/return e.jsx("button",r({className:D,type:"button"},N,{children:o}))},u=["children","className"],p=function(t){var n=t.children,o=t.className,a=void 0===o?"":o,l=i(t,u);/*#__PURE__*/return e.jsx("button",r({className:"_-kJUj "+a,color:"inherit",type:"button"},l,{children:n}))},y=["isCondensed","children","className"],x=function(t){var e=t.theme;return r({},e,{typography:r({},Object.keys(e.typography).reduce(function(t,n,o){var a;return 0===o&&(t[n]=e.typography[n].font),r({},t,((a={})[n]=r({},e.typography[n],{font:e.typography[n].fontStyle+"\n                  "+e.typography[n].fontWeight+"\n                  "+e.typography[n].fontSize+"/\n                  "+e.typography[n].lineHeight+"\n                  "+e.typography[n].fontFamily,fontStyle:e.typography[n].fontStyle,fontWeight:e.typography[n].fontWeight,fontSize:e.typography[n].fontSize,lineHeight:e.typography[n].lineHeight,fontFamily:e.typography[n].fontFamily,textDecorationLine:e.typography[n].textDecorationLine,textTransform:e.typography[n].textTransform,margin:e.typography[n].margin}),a))},{}))})};function g(t,e){void 0===e&&(e="");for(var n={},o=0,a=Object.entries(t);o<a.length;o++){var r=a[o],i=r[0],l=r[1],s=e?e+"-"+i:i;"object"==typeof l&&null!==l?Object.assign(n,g(l,s)):n["--tb-"+s]=l}return n}var b=/*#__PURE__*/n.createContext(),S=["placeholder","disabled","className"],v=/*#__PURE__*/n.forwardRef(function(t,o){var a=t.placeholder,l=t.disabled,s=t.className,f=i(t,S),m=n.useState({isFocused:!1,hasValue:!1}),c=m[0],h=m[1],d=n.useCallback(function(){l||h(function(t){return r({},t,{isFocused:!0})})},[l]),u=n.useCallback(function(t){h({isFocused:!1,hasValue:""!==t.target.value})},[]),p=n.useCallback(function(t){h(function(e){return r({},e,{hasValue:""!==t.target.value})})},[]),y="_78FKB "+(c.isFocused||c.hasValue?"_5znRk":"");/*#__PURE__*/return e.jsxs("div",{className:"_MeMZp "+(c.isFocused?"_8Hsn-":"")+" "+(l?"_eNyUD":"")+" "+(s||""),children:[/*#__PURE__*/e.jsx("input",r({className:"_Bc-Kx",onFocus:d,onBlur:u,onChange:p,placeholder:" ",disabled:l,ref:o},f)),/*#__PURE__*/e.jsx("label",{className:y,children:a})]})});v.displayName="InputField";var H=["placeholder","disabled","maxLength","value"],F={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"},w={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},B={palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}},typography:r({},w,{SemanticPlaceholder:w.GothamBaseBook,SemanticFloatingPlaceholder:w.GothamXSmallBook,SemanticInput:w.SubheaderBase,SemanticButtonLabelBase:w.GothamBaseBold,SemanticButtonLabelSmall:w.GothamSmallBold,SemanticTabLabel:w.GothamBaseBold,SemanticTagLabel:w.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};exports.Button=d,exports.FallbackAddButton=function(t){var n=t.isCondensed,o=void 0!==n&&n,a=t.children,l=void 0===a?"":a,s=t.className,f=void 0===s?"":s,m=i(t,y);return o?/*#__PURE__*/e.jsx(p,r({className:f},m,{children:"+"})):/*#__PURE__*/e.jsxs(d,r({size:"small",color:"accent",variant:"text",className:"blueprint-typography-GothamBaseBold-font "+f,style:{textWrap:"nowrap"},type:"button"},m,{children:["+ ",l]}))},exports.InputField=v,exports.SquareIconButton=p,exports.Tabs=function(t){var o=t.tabs,a=t.tabAction,r=n.useState(0),i=r[0],l=r[1],s=n.useMemo(function(){return o[i].content},[i]),f=n.useMemo(function(){return a?a():null},[a]);/*#__PURE__*/return e.jsxs("div",{className:F.tabContainer,children:[/*#__PURE__*/e.jsxs("div",{className:F.tabTitleContainer,children:[/*#__PURE__*/e.jsx("div",{className:F.tabTitleScrollable,children:o.map(function(t,n){/*#__PURE__*/return e.jsx(e.Fragment,{children:/*#__PURE__*/e.jsxs("div",{className:F.tabItem+" "+(i===n?F.selected:""),onClick:function(){return l(n)},children:[t.title,/*#__PURE__*/e.jsx("div",{className:F.selectionBar})]},"blueprint-tab-"+n)})})}),f&&/*#__PURE__*/e.jsx("div",{className:F.tabActionContainer,children:f})]}),/*#__PURE__*/e.jsx("div",{className:F.tabContent,children:/*#__PURE__*/e.jsx(s,{})})]})},exports.TextArea=function(t){var o=t.placeholder,a=t.disabled,l=t.maxLength,s=void 0===l?200:l,f=t.value,m=i(t,H),c=n.useState(!1),h=c[0],d=c[1],u=n.useState(!1),p=u[0],y=u[1],x=n.useState((null==f?void 0:f.length)||0),g=x[0],b=x[1];/*#__PURE__*/return e.jsxs("div",{className:"_z1n8A "+(h?"_2RHao":"")+" "+(a?"_k6HqW":""),children:[/*#__PURE__*/e.jsx("textarea",r({className:"_iEdgY",onFocus:function(){return!a&&d(!0)},onBlur:function(t){d(!1),y(""!==t.target.value)},onChange:function(t){y(""!==t.target.value),b(t.target.length)},placeholder:" ",disabled:a,maxLength:s,value:f},m)),/*#__PURE__*/e.jsx("label",{className:"_VSnow "+(h||p?"_YYp0f":""),children:o}),/*#__PURE__*/e.jsxs("div",{className:"_LuSeq",children:[g,"/",s]})]})},exports.ThemeProvider=function(t){var o=t.children,a=t.theme,r=n.useMemo(function(){return x({theme:a})},[a]),i=n.useMemo(function(){return g(x({theme:a}))},[a]),l=n.useState(!1),s=l[0],f=l[1];return n.useEffect(function(){f(!0)},[]),s?/*#__PURE__*/e.jsxs(b.Provider,{value:r,children:[/*#__PURE__*/e.jsx("style",{children:'\n@import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n  font-family: \'Domaine\';\n  src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n    url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \'Domaine\';\n  src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n    url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: "Gotham Narrow";\n  src: local("GothamNarrSSm-Light"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n  font-weight: 200 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: "Gotham Narrow";\n  src: local("GothamNarrSSm-Medium"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n  font-weight: 500, 600;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Gotham;\n  src: local("GothamSSm-Book"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n  font-weight: 200 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Gotham;\n  src: local("GothamNarrSSm-Medium"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}'}),/*#__PURE__*/e.jsx("style",{children:"\n:root {\n  "+Object.entries(i).map(function(t){return t[0]+": "+t[1]+";"}).join("\n")+"\n\n  "+Object.entries(i).filter(function(t){var e=t[1];return t[0].includes("palette")&&e.includes("#")}).map(function(t){var e;return t[0]+"-RGB: "+(e=(e=t[1]).replace("#",""),parseInt(e.substring(0,2),16)+", "+parseInt(e.substring(2,4),16)+", "+parseInt(e.substring(4,6),16)+";")}).join("\n")+"\n}"}),/*#__PURE__*/e.jsx("style",{children:"\n      "+Object.keys(r.typography).map(function(t){return"\n.tb-typography-"+t+"-font {\n  font: var(--tb-typography-"+t+"-font);\n  text-decoration-line: var(--tb-typography-"+t+"-textDecorationLine);\n  text-transform: var(--tb-typography-"+t+"-textTransform);\n}"}).join("\n")}),/*#__PURE__*/e.jsx("style",{children:"\nh1 {\n  font: var(--tb-typography-H1-font);\n  text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n  text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n  font: var(--tb-typography-H2-font);\n  text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n  text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n  font: var(--tb-typography-H3-font);\n  text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n  text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n  font: var(--tb-typography-H4-font);\n  text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n  text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n  font: var(--tb-typography-H5-font);\n  text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n  text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n  font: var(--tb-typography-H6-font);\n  text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n  text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n  color: var(--tb-palette-TB-Functional-Black);\n  font: var(--tb-typography-BodyBase-font);\n  background-color: var(--tb-palette-TB-Functional-White);\n}"}),o]}):null},exports.defaultTheme=B,exports.useTheme=function(){return n.useContext(b)};
+var e=require("./index-05807582.js");require("classnames"),require("react/jsx-runtime"),require("next/dynamic"),require("react"),exports.Button=e.Button,exports.FallbackAddButton=e.FallbackAddButton,exports.InputField=e.InputField,exports.SquareIconButton=e.SquareIconButton,exports.Tabs=e.Tabs,exports.TextArea=e.TextArea,exports.ThemeProvider=e.ThemeProvider,exports.defaultTheme=e.defaultTheme,exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/ThemeProvider.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/TextArea/TextArea.js","../src/themes/default/typography.js","../src/themes/default/theme.js","../src/mui/primitives/Tabs/Tabs.js"],"sourcesContent":["import styles from './Button.module.scss';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall // Extra small button size\n};\n\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] \|\| PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] \|\| SECONDARY_STROKE_VARIANTS.defaultColor]: variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] \|\| SECONDARY_TEXT_VARIANTS.defaultColor]: variant === 'secondary'\n },\n className\n );\n\n return (\n <button className={buttonClasses} type=\"button\" {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport hexToRgba from './utils/hexToRGB';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${ hexToRgba(value)};`\n })\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className \|\| ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused \|\| inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length \|\| 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused \|\| hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n"],"names":["_excluded","SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","_classNames","children","_ref$size","size","_ref$variant","variant","_ref$PRIMARY_FILL_VAR","PRIMARY_FILL_VARIANT","_ref$SECONDARY_STROKE","SECONDARY_STROKE_VARIANT","_ref$SECONDARY_TEXT_V","SECONDARY_TEXT_VARIANT","_ref$className","className","_ref$fullWidth","fullWidth","rest","_objectWithoutPropertiesLoose","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","jsx","color","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","_extends2","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","_i","_Object$entries","entries","length","_Object$entries$_i","value","newKey","assign","ThemeContext","createContext","InputField","forwardRef","ref","placeholder","disabled","props","_useState","useState","isFocused","hasValue","inputState","setInputState","handleFocus","useCallback","prev","handleBlur","e","target","handleChange","labelClassName","_jsxs","onFocus","onBlur","onChange","displayName","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius","_ref$isCondensed","isCondensed","_ref$children","style","textWrap","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","useMemo","content","tabActionComponent","jsxs","tabContainer","tabTitleContainer","tabTitleScrollable","map","tab","_Fragment","Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","_ref$maxLength","maxLength","setIsFocused","_useState2","setHasValue","_useState3","charCount","setCharCount","decoratedTheme","cssVarsObject","clientReady","setClientReady","useEffect","Provider","_ref2","join","filter","_ref3","includes","_ref4","hex","replace","parseInt","substring","b","typographyKey","useContext"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.modern.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"classnames";import{jsx as e,jsxs as n,Fragment as o}from"react/jsx-runtime";import{useMemo as a,useState as r,useEffect as l,useContext as i,createContext as f,forwardRef as s,useCallback as m}from"react";function h(){return h=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},h.apply(null,arguments)}function c(t,e){if(null==t)return{};var n={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(e.indexOf(o)>=0)continue;n[o]=t[o]}return n}var y={button:"_RkubW",small:"_pV7AR",xsmall:"_7FiWF",fullWidth:"_6cI1z",primary:"_ay1Sp",secondary:"_UebRL",defaultColorStroke:"_Lb6KY",defaultColorText:"_sZZuY"};const p=["children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth"],d={default:y.default,small:y.small,xsmall:y.xsmall},g={defaultColor:y.defaultColorFill},u={defaultColor:y.defaultColorStroke},b={defaultColor:y.defaultColorText},S=n=>{let{children:o,size:a="default",variant:r="primary",PRIMARY_FILL_VARIANT:l="defaultColor",SECONDARY_STROKE_VARIANT:i="defaultColor",SECONDARY_TEXT_VARIANT:f="defaultColor",className:s="",fullWidth:m=!1}=n,S=c(n,p);const x=t(y.button,d[a],y[r],{[y.fullWidth]:m,[g[l]||g.defaultColor]:"primary"===r,[u[i]||u.defaultColor]:"secondary"===r,[b[f]||b.defaultColor]:"secondary"===r},s);/*#__PURE__*/return e("button",h({className:x,type:"button"},S,{children:o}))},x=["children","className"],v=t=>{let{children:n,className:o=""}=t,a=c(t,x);/*#__PURE__*/return e("button",h({className:`_-kJUj ${o}`,color:"inherit",type:"button"},a,{children:n}))},H=["isCondensed","children","className"],w=t=>{let{isCondensed:o=!1,children:a="",className:r=""}=t,l=c(t,H);return o?/*#__PURE__*/e(v,h({className:r},l,{children:"+"})):/*#__PURE__*/n(S,h({size:"small",color:"accent",variant:"text",className:`blueprint-typography-GothamBaseBold-font ${r}`,style:{textWrap:"nowrap"},type:"button"},l,{children:["+ ",a]}))},F=({theme:t})=>h({},t,{typography:h({},Object.keys(t.typography).reduce((e,n,o)=>(0===o&&(e[n]=t.typography[n].font),h({},e,{[n]:h({},t.typography[n],{font:`${t.typography[n].fontStyle}\n                  ${t.typography[n].fontWeight}\n                  ${t.typography[n].fontSize}/\n                  ${t.typography[n].lineHeight}\n                  ${t.typography[n].fontFamily}`,fontStyle:t.typography[n].fontStyle,fontWeight:t.typography[n].fontWeight,fontSize:t.typography[n].fontSize,lineHeight:t.typography[n].lineHeight,fontFamily:t.typography[n].fontFamily,textDecorationLine:t.typography[n].textDecorationLine,textTransform:t.typography[n].textTransform,margin:t.typography[n].margin})})),{}))});function B(t,e=""){const n={};for(const[o,a]of Object.entries(t)){const t=e?`${e}-${o}`:o;"object"==typeof a&&null!==a?Object.assign(n,B(a,t)):n[`--tb-${t}`]=a}return n}const N=/*#__PURE__*/f(),D=({children:t,theme:o})=>{const i=a(()=>F({theme:o}),[o]),f=a(()=>B(F({theme:o})),[o]),[s,m]=r(!1);return l(()=>{m(!0)},[]),s?/*#__PURE__*/n(N.Provider,{value:i,children:[/*#__PURE__*/e("style",{children:'\n@import "https://use.typekit.net/loo0pmd.css";\n\n@font-face {\n  font-family: \'Domaine\';\n  src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n    url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \'Domaine\';\n  src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n    url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: "Gotham Narrow";\n  src: local("GothamNarrSSm-Light"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n  font-weight: 200 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: "Gotham Narrow";\n  src: local("GothamNarrSSm-Medium"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n  font-weight: 500, 600;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Gotham;\n  src: local("GothamSSm-Book"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n  font-weight: 200 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Gotham;\n  src: local("GothamNarrSSm-Medium"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n    url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n}'}),/*#__PURE__*/e("style",{children:`\n:root {\n  ${Object.entries(f).map(([t,e])=>`${t}: ${e};`).join("\n")}\n\n  ${Object.entries(f).filter(([t,e])=>t.includes("palette")&&e.includes("#")).map(([t,e])=>{return`${t}-RGB: ${n=e,n=n.replace("#",""),`${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}`};`;var n}).join("\n")}\n}`}),/*#__PURE__*/e("style",{children:`\n      ${Object.keys(i.typography).map(t=>`\n.tb-typography-${t}-font {\n  font: var(--tb-typography-${t}-font);\n  text-decoration-line: var(--tb-typography-${t}-textDecorationLine);\n  text-transform: var(--tb-typography-${t}-textTransform);\n}`).join("\n")}`}),/*#__PURE__*/e("style",{children:"\nh1 {\n  font: var(--tb-typography-H1-font);\n  text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n  text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n  font: var(--tb-typography-H2-font);\n  text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n  text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n  font: var(--tb-typography-H3-font);\n  text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n  text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n  font: var(--tb-typography-H4-font);\n  text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n  text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n  font: var(--tb-typography-H5-font);\n  text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n  text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n  font: var(--tb-typography-H6-font);\n  text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n  text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n  color: var(--tb-palette-TB-Functional-Black);\n  font: var(--tb-typography-BodyBase-font);\n  background-color: var(--tb-palette-TB-Functional-White);\n}"}),t]}):null};function T(){return i(N)}const G=["placeholder","disabled","className"],L=/*#__PURE__*/s((t,o)=>{let{placeholder:a,disabled:l,className:i}=t,f=c(t,G);const[s,y]=r({isFocused:!1,hasValue:!1}),p=m(()=>{l||y(t=>h({},t,{isFocused:!0}))},[l]),d=m(t=>{y({isFocused:!1,hasValue:""!==t.target.value})},[]),g=m(t=>{y(e=>h({},e,{hasValue:""!==t.target.value}))},[]),u="_78FKB "+(s.isFocused||s.hasValue?"_5znRk":"");/*#__PURE__*/return n("div",{className:`_MeMZp ${s.isFocused?"_8Hsn-":""} ${l?"_eNyUD":""} ${i||""}`,children:[/*#__PURE__*/e("input",h({className:"_Bc-Kx",onFocus:p,onBlur:d,onChange:g,placeholder:" ",disabled:l,ref:o},f)),/*#__PURE__*/e("label",{className:u,children:a})]})});L.displayName="InputField";const _=["placeholder","disabled","maxLength","value"],A=t=>{let{placeholder:o,disabled:a,maxLength:l=200,value:i}=t,f=c(t,_);const[s,m]=r(!1),[y,p]=r(!1),[d,g]=r((null==i?void 0:i.length)||0);/*#__PURE__*/return n("div",{className:`_z1n8A ${s?"_2RHao":""} ${a?"_k6HqW":""}`,children:[/*#__PURE__*/e("textarea",h({className:"_iEdgY",onFocus:()=>!a&&m(!0),onBlur:t=>{m(!1),p(""!==t.target.value)},onChange:t=>{p(""!==t.target.value),g(t.target.length)},placeholder:" ",disabled:a,maxLength:l,value:i},f)),/*#__PURE__*/e("label",{className:"_VSnow "+(s||y?"_YYp0f":""),children:o}),/*#__PURE__*/n("div",{className:"_LuSeq",children:[d,"/",l]})]})};var W={tabContainer:"_5eXiF",tabTitleContainer:"_9-wY-",tabTitleScrollable:"_SYuOW",tabItem:"_V7xf9",selected:"_GVCyF",tabContent:"_3-wzH",selectionBar:"_tsK-o"};const C=({tabs:t,tabAction:l})=>{const[i,f]=r(0),s=a(()=>t[i].content,[i]),m=a(()=>l?l():null,[l]);/*#__PURE__*/return n("div",{className:W.tabContainer,children:[/*#__PURE__*/n("div",{className:W.tabTitleContainer,children:[/*#__PURE__*/e("div",{className:W.tabTitleScrollable,children:t.map((t,a)=>/*#__PURE__*/e(o,{children:/*#__PURE__*/n("div",{className:`${W.tabItem} ${i===a?W.selected:""}`,onClick:()=>f(a),children:[t.title,/*#__PURE__*/e("div",{className:W.selectionBar})]},`blueprint-tab-${a}`)}))}),m&&/*#__PURE__*/e("div",{className:W.tabActionContainer,children:m})]}),/*#__PURE__*/e("div",{className:W.tabContent,children:/*#__PURE__*/e(s,{})})]})},$={H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubheaderBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubheaderLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubheaderSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubheaderXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},z={palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}},typography:h({},$,{SemanticPlaceholder:$.GothamBaseBook,SemanticFloatingPlaceholder:$.GothamXSmallBook,SemanticInput:$.SubheaderBase,SemanticButtonLabelBase:$.GothamBaseBold,SemanticButtonLabelSmall:$.GothamSmallBold,SemanticTabLabel:$.GothamBaseBold,SemanticTagLabel:$.GothamSmallBold}),GlobalBrandBorderRadius:"4px"};export{S as Button,w as FallbackAddButton,L as InputField,v as SquareIconButton,C as Tabs,A as TextArea,D as ThemeProvider,z as defaultTheme,T as useTheme};
+export{B as Button,F as FallbackAddButton,I as InputField,S as SquareIconButton,b as Tabs,T as TextArea,a as ThemeProvider,d as defaultTheme,u as useTheme}from"./index-23e9f650.js";import"classnames";import"react/jsx-runtime";import"next/dynamic";import"react";
 //# sourceMappingURL=index.modern.mjs.map

package/dist/index.modern.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.modern.mjs","sources":["../src/mui/primitives/Button/Button.js","../src/mui/primitives/SquareIconButton/SquareIconButton.js","../src/mui/primitives/FallbackAddButton/FallbackAddButton.js","../src/themes/utils/decorateTheme.js","../src/themes/utils/flattenToCssVars.js","../src/themes/utils/hexToRGB.js","../src/themes/ThemeProvider.js","../src/mui/primitives/InputField/InputField.js","../src/mui/primitives/TextArea/TextArea.js","../src/mui/primitives/Tabs/Tabs.js","../src/themes/default/typography.js","../src/themes/default/theme.js"],"sourcesContent":["import styles from './Button.module.scss';\nimport classNames from 'classnames';\n\nconst SIZE_CLASSES = {\n default: styles.default, // Default button size\n small: styles.small, // Small button size\n xsmall: styles.xsmall // Extra small button size\n};\n\n\n// Primary CTA property only\nconst PRIMARY_FILL_VARIANTS = {\n defaultColor: styles.defaultColorFill // Default fill for Primary CTA\n};\n\n// Secondary CTA properties only\nconst SECONDARY_STROKE_VARIANTS = {\n defaultColor: styles.defaultColorStroke // Default stroke for Secondary CTA\n};\n\nconst SECONDARY_TEXT_VARIANTS = {\n defaultColor: styles.defaultColorText // Default text color for Secondary CTA\n};\n\nconst Button = ({\n children,\n size = 'default',\n variant = 'primary',\n PRIMARY_FILL_VARIANT = 'defaultColor',\n SECONDARY_STROKE_VARIANT = 'defaultColor',\n SECONDARY_TEXT_VARIANT = 'defaultColor',\n className = '',\n fullWidth = false,\n ...rest\n }) => {\n // Build the className string using conditional logic\n const buttonClasses = classNames(\n styles.button,\n SIZE_CLASSES[size],\n styles[variant],\n {\n [styles.fullWidth]: fullWidth,\n [PRIMARY_FILL_VARIANTS[PRIMARY_FILL_VARIANT] \|\| PRIMARY_FILL_VARIANTS.defaultColor]: variant === 'primary',\n [SECONDARY_STROKE_VARIANTS[SECONDARY_STROKE_VARIANT] \|\| SECONDARY_STROKE_VARIANTS.defaultColor]: variant === 'secondary',\n [SECONDARY_TEXT_VARIANTS[SECONDARY_TEXT_VARIANT] \|\| SECONDARY_TEXT_VARIANTS.defaultColor]: variant === 'secondary'\n },\n className\n );\n\n return (\n <button className={buttonClasses} type=\"button\" {...rest}>\n {children}\n </button>\n );\n};\n\nexport default Button;\n","import styles from './SquareIconButton.module.scss';\n\nconst SquareIconButton = ({ children, className = '', ...rest }) => {\n return (\n <button className={`${styles.squareIconButton} ${className}`} color='inherit' type={'button'} {...rest}>\n {children}\n </button>\n );\n};\n\nexport default SquareIconButton;\n","import Button from '../Button/Button';\nimport SquareIconButton from '../SquareIconButton/SquareIconButton';\n\nconst FallbackAddButton = ({ isCondensed = false, children = '', className = '', ...rest }) => {\n if (isCondensed) {\n return (\n <SquareIconButton className={className} {...rest}>\n +\n </SquareIconButton>\n );\n }\n\n return (\n <Button\n size={'small'}\n color={'accent'}\n variant={'text'}\n className={`blueprint-typography-GothamBaseBold-font ${className}`}\n style={{ textWrap: 'nowrap' }}\n type={'button'}\n {...rest}\n >\n {'+ '}\n {children}\n </Button>\n );\n};\n\nexport default FallbackAddButton;\n","const decorateTheme = ({ theme }) => {\n return {\n ...theme,\n typography: {\n ...Object.keys(theme.typography).reduce((acc, key, index) => {\n if (index === 0) {\n acc[key] = theme.typography[key].font;\n }\n\n return {\n ...acc,\n [key]: {\n ...theme.typography[key],\n font: `${theme.typography[key].fontStyle}\n ${theme.typography[key].fontWeight}\n ${theme.typography[key].fontSize}/\n ${theme.typography[key].lineHeight}\n ${theme.typography[key].fontFamily}`,\n fontStyle: theme.typography[key].fontStyle,\n fontWeight: theme.typography[key].fontWeight,\n fontSize: theme.typography[key].fontSize,\n lineHeight: theme.typography[key].lineHeight,\n fontFamily: theme.typography[key].fontFamily,\n textDecorationLine: theme.typography[key].textDecorationLine,\n textTransform: theme.typography[key].textTransform,\n margin: theme.typography[key].margin,\n },\n };\n }, {}),\n },\n };\n};\n\nexport default decorateTheme;\n","function flattenToCssVars(obj, parentKey = '') {\n const result = {};\n\n for (const [key, value] of Object.entries(obj)) {\n const newKey = parentKey ? `${parentKey}-${key}` : key;\n\n if (typeof value === 'object' && value !== null) {\n Object.assign(result, flattenToCssVars(value, newKey));\n } else {\n result[`--tb-${newKey}`] = value;\n }\n }\n\n return result;\n}\n\nexport default flattenToCssVars;\n","const hexToRgba = (hex) => {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `${r}, ${g}, ${b}`;\n};\n\nexport default hexToRgba;\n","import { createContext, useContext, useEffect, useState, useMemo } from 'react';\nimport decorateTheme from './utils/decorateTheme';\nimport flattenToCssVars from './utils/flattenToCssVars';\nimport hexToRgba from './utils/hexToRGB';\nconst ThemeContext = createContext();\n\nconst ThemeProvider = ({ children, theme }) => {\n const decoratedTheme = useMemo(() => {\n return decorateTheme({ theme });\n }, [theme]);\n\n const cssVarsObject = useMemo(() => {\n return flattenToCssVars(decorateTheme({ theme }));\n }, [theme]);\n\n const [clientReady, setClientReady] = useState(false);\n\n useEffect(() => {\n setClientReady(true);\n }, [])\n\n\n if (!clientReady) {\n return null;\n }\n\n return (\n <ThemeContext.Provider value={decoratedTheme}>\n <style>\n {`\n@import \"https://use.typekit.net/loo0pmd.css\";\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Domaine';\n src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Light\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Gotham Narrow\";\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n font-weight: 500, 600;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamSSm-Book\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n font-weight: 200 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: Gotham;\n src: local(\"GothamNarrSSm-Medium\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}`}\n </style>\n <style>{`\n:root {\n ${Object.entries(cssVarsObject)\n .map(([key, value]) => `${key}: ${value};`)\n .join('\\n')}\n\n ${Object.entries(cssVarsObject)\n .filter(([key, value]) => key.includes('palette') && value.includes('#'))\n .map(([key, value]) => {\n return `${key}-RGB: ${ hexToRgba(value)};`\n })\n .join('\\n')}\n}`}\n </style>\n <style>{`\n ${Object.keys(decoratedTheme.typography)\n .map((typographyKey) => {\n return `\n.tb-typography-${typographyKey}-font {\n font: var(--tb-typography-${typographyKey}-font);\n text-decoration-line: var(--tb-typography-${typographyKey}-textDecorationLine);\n text-transform: var(--tb-typography-${typographyKey}-textTransform);\n}` }).join('\\n')}`}\n </style>\n <style>\n {`\nh1 {\n font: var(--tb-typography-H1-font);\n text-decoration-line: var(--tb-typography-H1-textDecorationLine);\n text-transform: var(--tb-typography-H1-textTransform);\n}\n\nh2 {\n font: var(--tb-typography-H2-font);\n text-decoration-line: var(--tb-typography-H2-textDecorationLine);\n text-transform: var(--tb-typography-H2-textTransform);\n}\n\nh3 {\n font: var(--tb-typography-H3-font);\n text-decoration-line: var(--tb-typography-H3-textDecorationLine);\n text-transform: var(--tb-typography-H3-textTransform);\n}\n\nh4 {\n font: var(--tb-typography-H4-font);\n text-decoration-line: var(--tb-typography-H4-textDecorationLine);\n text-transform: var(--tb-typography-H4-textTransform);\n}\n\nh5 {\n font: var(--tb-typography-H5-font);\n text-decoration-line: var(--tb-typography-H5-textDecorationLine);\n text-transform: var(--tb-typography-H5-textTransform);\n}\n\nh6 {\n font: var(--tb-typography-H6-font);\n text-decoration-line: var(--tb-typography-H6-textDecorationLine);\n text-transform: var(--tb-typography-H6-textTransform);\n}\n\nbody {\n color: var(--tb-palette-TB-Functional-Black);\n font: var(--tb-typography-BodyBase-font);\n background-color: var(--tb-palette-TB-Functional-White);\n}`}\n </style>\n\n {children}\n </ThemeContext.Provider>\n );\n};\n\nexport function useTheme() {\n return useContext(ThemeContext);\n}\n\nexport default ThemeProvider;\n","import { useState, useCallback, forwardRef } from 'react';\nimport styles from './InputField.module.scss';\n\nconst InputField = forwardRef(({ placeholder, disabled, className, ...props }, ref) => {\n const [inputState, setInputState] = useState({\n isFocused: false,\n hasValue: false,\n });\n\n const handleFocus = useCallback(() => {\n if (!disabled) {\n setInputState((prev) => ({ ...prev, isFocused: true }));\n }\n }, [disabled]);\n\n const handleBlur = useCallback((e) => {\n setInputState({\n isFocused: false,\n hasValue: e.target.value !== '',\n });\n }, []);\n\n const handleChange = useCallback((e) => {\n setInputState((prev) => ({\n ...prev,\n hasValue: e.target.value !== '',\n }));\n }, []);\n\n // Compute class names once\n const containerClassName = `${styles.inputContainer} ${inputState.isFocused ? styles.focused : ''} ${\n disabled ? styles.disabled : ''\n } ${className \|\| ''}`;\n\n const labelClassName = `${styles.placeholder} ${\n inputState.isFocused \|\| inputState.hasValue ? styles.floatingPlaceholder : ''\n }`;\n\n return (\n <div className={containerClassName}>\n <input\n className={styles.input}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n ref={ref}\n {...props}\n />\n <label className={labelClassName}>{placeholder}</label>\n </div>\n );\n});\n\n// Add display name for better debugging\nInputField.displayName = 'InputField';\n\nexport default InputField;\n","import React, { useState } from 'react';\nimport styles from './TextArea.module.scss';\n\nconst TextArea = ({ placeholder, disabled, maxLength = 200, value, ...props }) => {\n const [isFocused, setIsFocused] = useState(false);\n const [hasValue, setHasValue] = useState(false);\n const [charCount, setCharCount] = useState(value?.length \|\| 0);\n\n const handleFocus = () => !disabled && setIsFocused(true);\n\n const handleBlur = (e) => {\n setIsFocused(false);\n setHasValue(e.target.value !== '');\n };\n\n const handleChange = (e) => {\n const inputValue = e.target.value;\n setHasValue(inputValue !== '');\n setCharCount(e.target.length);\n };\n\n return (\n <div\n className={`${styles.textAreaContainer} ${isFocused ? styles.focused : ''} ${disabled ? styles.disabled : ''}`}\n >\n <textarea\n className={styles.textarea}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onChange={handleChange}\n placeholder=' '\n disabled={disabled}\n maxLength={maxLength}\n value={value}\n {...props}\n />\n <label className={`${styles.placeholder} ${isFocused \|\| hasValue ? styles.floatingPlaceholder : ''}`}>\n {placeholder}\n </label>\n <div className={styles.charCounter}>\n {charCount}/{maxLength}\n </div>\n </div>\n );\n};\n\nexport default TextArea;\n","import { useMemo, useState } from 'react';\nimport styles from './Tabs.module.scss';\n\nconst Tabs = ({ tabs, tabAction }) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const CurrentTabContent = useMemo(() => {\n return tabs[selectedTab].content;\n }, [selectedTab]);\n\n const tabActionComponent = useMemo(() => {\n return tabAction ? tabAction() : null;\n }, [tabAction]);\n\n return (\n <div className={styles.tabContainer}>\n <div className={styles.tabTitleContainer}>\n <div className={styles.tabTitleScrollable}>\n {tabs.map((tab, index) => {\n return (\n <>\n <div\n key={`blueprint-tab-${index}`}\n className={`${styles.tabItem} ${selectedTab === index ? styles.selected : ''}`}\n onClick={() => setSelectedTab(index)}\n >\n {tab.title}\n <div className={styles.selectionBar} />\n </div>\n </>\n );\n })}\n </div>\n {tabActionComponent && <div className={styles.tabActionContainer}>{tabActionComponent}</div>}\n </div>\n <div className={styles.tabContent}>\n <CurrentTabContent />\n </div>\n </div>\n );\n};\n\nexport default Tabs;\n","const typography = {\n H1: {\n fontSize: '3rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '60px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H2: {\n fontSize: '2.5rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '50px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H3: {\n fontSize: '2.0625rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '41px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H4: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H5: {\n fontSize: '1.75rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '35px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n H6: {\n fontSize: '1.1875rem',\n fontFamily: 'Domaine, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodySmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n BodyXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 300,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderBase: {\n fontSize: '1rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '24px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderLarge: {\n fontSize: '1.125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '27px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderSmall: {\n fontSize: '0.8125rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '20px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n SubheaderXSmall: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham Narrow, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBold: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamBaseBook: {\n fontSize: '0.875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '21px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBold: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 500,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamSmallBook: {\n fontSize: '0.75rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '18px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamXSmallBook: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 400,\n lineHeight: '17px',\n textTransform: 'none',\n textDecorationLine: 'none',\n },\n GothamOverline: {\n fontSize: '0.6875rem',\n fontFamily: 'Gotham, Helvetica, Arial, sans-serif',\n fontStyle: 'normal',\n fontWeight: 700,\n lineHeight: '17px',\n textTransform: 'uppercase',\n textDecorationLine: 'none',\n },\n}\n\nexport default typography;\n","import typography from './typography';\n\nexport const defaultTheme = {\n palette: {\n TB: {\n Brand: {\n Primary: '#0C223F',\n Medium: '#004876',\n Accent: '#0070CD',\n Gray: '#8195A2',\n },\n Functional: {\n Black: '#000000',\n OffBlack: '#595959',\n White: '#FFFFFF',\n OffWhite: '#B5B5B5',\n DarkGray: '#858585',\n MedGray: '#D8D8D8',\n LightGray: '#E9EDF0',\n GrayOnDark: 'rgba(255, 255, 255, 0.2)',\n Success: '#009D47',\n Error: '#A31F34',\n },\n POI: {\n Food: '#AD3F49',\n Fitness: '#D78956',\n Entertainment: '#DBAE60',\n Parks: '#5E8748',\n Transportation: '#5C8988',\n Business: '#2C71C7',\n Shopping: '#344072',\n School: '#543D6E',\n },\n },\n primary: {\n contrast: '#FFFFFF',\n main: '#2196F3',\n },\n action: {\n disabled: 'rgba(0, 0, 0, 0.38)',\n },\n },\n typography: {\n ...typography,\n SemanticPlaceholder: typography.GothamBaseBook,\n SemanticFloatingPlaceholder: typography.GothamXSmallBook,\n SemanticInput: typography.SubheaderBase,\n SemanticButtonLabelBase: typography.GothamBaseBold,\n SemanticButtonLabelSmall: typography.GothamSmallBold,\n SemanticTabLabel: typography.GothamBaseBold,\n SemanticTagLabel: typography.GothamSmallBold,\n },\n GlobalBrandBorderRadius: '4px',\n};\n"],"names":["SIZE_CLASSES","default","styles","small","xsmall","PRIMARY_FILL_VARIANTS","defaultColor","defaultColorFill","SECONDARY_STROKE_VARIANTS","defaultColorStroke","SECONDARY_TEXT_VARIANTS","defaultColorText","Button","_ref","children","size","variant","PRIMARY_FILL_VARIANT","SECONDARY_STROKE_VARIANT","SECONDARY_TEXT_VARIANT","className","fullWidth","rest","_objectWithoutPropertiesLoose","_excluded","buttonClasses","classNames","button","_jsx","_extends","type","SquareIconButton","color","FallbackAddButton","isCondensed","_jsxs","style","textWrap","decorateTheme","theme","typography","Object","keys","reduce","acc","key","index","font","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","margin","flattenToCssVars","obj","parentKey","result","value","entries","newKey","assign","ThemeContext","createContext","ThemeProvider","decoratedTheme","useMemo","cssVarsObject","clientReady","setClientReady","useState","useEffect","Provider","map","join","filter","includes","hex","replace","parseInt","substring","typographyKey","useTheme","useContext","InputField","forwardRef","ref","placeholder","disabled","props","inputState","setInputState","isFocused","hasValue","handleFocus","useCallback","prev","handleBlur","e","target","handleChange","labelClassName","onFocus","onBlur","onChange","displayName","TextArea","maxLength","setIsFocused","setHasValue","charCount","setCharCount","length","Tabs","tabs","tabAction","selectedTab","setSelectedTab","CurrentTabContent","content","tabActionComponent","tabContainer","tabTitleContainer","tabTitleScrollable","tab","_Fragment","tabItem","selected","onClick","title","selectionBar","tabActionContainer","tabContent","H1","H2","H3","H4","H5","H6","BodyBase","BodyLarge","BodySmall","BodyXSmall","SubheaderBase","SubheaderLarge","SubheaderSmall","SubheaderXSmall","GothamBaseBold","GothamBaseBook","GothamSmallBold","GothamSmallBook","GothamXSmallBook","GothamOverline","defaultTheme","palette","TB","Brand","Primary","Medium","Accent","Gray","Functional","Black","OffBlack","White","OffWhite","DarkGray","MedGray","LightGray","GrayOnDark","Success","Error","POI","Food","Fitness","Entertainment","Parks","Transportation","Business","Shopping","School","primary","contrast","main","action","SemanticPlaceholder","SemanticFloatingPlaceholder","SemanticInput","SemanticButtonLabelBase","SemanticButtonLabelSmall","SemanticTabLabel","SemanticTagLabel","GlobalBrandBorderRadius"],"mappings":"22BAGMA,EAAe,CACnBC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,OAAQF,EAAOE,QAKXC,EAAwB,CAC5BC,aAAcJ,EAAOK,kBAIjBC,EAA4B,CAChCF,aAAcJ,EAAOO,oBAGjBC,EAA0B,CAC9BJ,aAAcJ,EAAOS,kBAGjBC,EAASC,QAACC,SACEA,EAAQC,KACRA,EAAO,UAASC,QAChBA,EAAU,UAASC,qBACnBA,EAAuB,eAAcC,yBACrCA,EAA2B,eAAcC,uBACzCA,EAAyB,eAAcC,UACvCA,EAAY,GAAEC,UACdA,GAAY,GAEbR,EADIS,EAAIC,EAAAV,EAAAW,GAGvB,MAAMC,EAAgBC,EACpBxB,EAAOyB,OACP3B,EAAae,GACbb,EAAOc,GACP,CACE,CAACd,EAAOmB,WAAYA,EACpB,CAAChB,EAAsBY,IAAyBZ,EAAsBC,cAA2B,YAAZU,EACrF,CAACR,EAA0BU,IAA6BV,EAA0BF,cAA2B,cAAZU,EACjG,CAACN,EAAwBS,IAA2BT,EAAwBJ,cAA2B,cAAZU,GAE7FI,gBAGF,OACEQ,EAAAC,SAAAA,GAAQT,UAAWK,EAAeK,KAAK,UAAaR,EAAIR,CAAAA,SACrDA,IACK,ECpDZU,EAAA,CAAA,WAAA,aAEMO,EAAmBlB,IAAC,IAAAC,SAAEA,EAAQM,UAAEA,EAAY,IAAaP,EAANS,EAAIC,EAAAV,EAAAW,gBAC3D,OACEI,EAAA,SAAAC,EAAA,CAAQT,UAAW,UAA8BA,IAAaY,MAAM,UAAUF,KAAM,UAAcR,EAAIR,CAAAA,SACnGA,IACK,ECNZU,EAAA,CAAA,cAAA,WAAA,aAGMS,EAAoBpB,IAAC,IAAAqB,YAAEA,GAAc,EAAKpB,SAAEA,EAAW,GAAEM,UAAEA,EAAY,IAAaP,EAANS,EAAIC,EAAAV,EAAAW,GACtF,OAAIU,eAEAN,EAACG,EAAgBF,EAAA,CAACT,UAAWA,GAAeE,EAAI,CAAAR,SAAE,oBAOpDqB,EAACvB,EAAMiB,EACLd,CAAAA,KAAM,QACNiB,MAAO,SACPhB,QAAS,OACTI,UAAW,4CAA4CA,IACvDgB,MAAO,CAAEC,SAAU,UACnBP,KAAM,UACFR,EAAIR,CAAAA,SAEP,CAAA,KACAA,KACK,ECxBNwB,EAAgBA,EAAGC,WACvBV,KACKU,EAAK,CACRC,WAAUX,KACLY,OAAOC,KAAKH,EAAMC,YAAYG,OAAO,CAACC,EAAKC,EAAKC,KACnC,IAAVA,IACFF,EAAIC,GAAON,EAAMC,WAAWK,GAAKE,MAGnClB,EACKe,CAAAA,EAAAA,GACHC,CAACA,GAAGhB,KACCU,EAAMC,WAAWK,GACpBE,CAAAA,KAAM,GAAGR,EAAMC,WAAWK,GAAKG,gCACvBT,EAAMC,WAAWK,GAAKI,iCACtBV,EAAMC,WAAWK,GAAKK,gCACtBX,EAAMC,WAAWK,GAAKM,iCACtBZ,EAAMC,WAAWK,GAAKO,aAC9BJ,UAAWT,EAAMC,WAAWK,GAAKG,UACjCC,WAAYV,EAAMC,WAAWK,GAAKI,WAClCC,SAAUX,EAAMC,WAAWK,GAAKK,SAChCC,WAAYZ,EAAMC,WAAWK,GAAKM,WAClCC,WAAYb,EAAMC,WAAWK,GAAKO,WAClCC,mBAAoBd,EAAMC,WAAWK,GAAKQ,mBAC1CC,cAAef,EAAMC,WAAWK,GAAKS,cACrCC,OAAQhB,EAAMC,WAAWK,GAAKU,YAGjC,CAAA,MC5BT,SAASC,EAAiBC,EAAKC,EAAY,IACzC,MAAMC,EAAS,GAEf,IAAK,MAAOd,EAAKe,KAAUnB,OAAOoB,QAAQJ,GAAM,CAC9C,MAAMK,EAASJ,EAAY,GAAGA,KAAab,IAAQA,EAE9B,iBAAVe,GAAgC,OAAVA,EAC/BnB,OAAOsB,OAAOJ,EAAQH,EAAiBI,EAAOE,IAE9CH,EAAO,QAAQG,KAAYF,CAE/B,CAEA,OAAOD,CACT,CCdA,MCIMK,eAAeC,IAEfC,EAAgBA,EAAGpD,WAAUyB,YACjC,MAAM4B,EAAiBC,EAAQ,IACtB9B,EAAc,CAAEC,UACtB,CAACA,IAEE8B,EAAgBD,EAAQ,IACrBZ,EAAiBlB,EAAc,CAAEC,WACvC,CAACA,KAEG+B,EAAaC,GAAkBC,GAAS,GAO/C,OALAC,EAAU,KACRF,GAAe,EACjB,EAAG,IAGED,eAKHnC,EAAC6B,EAAaU,SAAQ,CAACd,MAAOO,EAAerD,uBAC3Cc,EAAA,QAAA,CAAAd,SACG,kqEA6DHc,EAAA,QAAA,CAAAd,SAAQ,gBAEV2B,OAAOoB,QAAQQ,GACZM,IAAI,EAAE9B,EAAKe,KAAW,GAAGf,MAAQe,MACjCgB,KAAK,cAERnC,OAAOoB,QAAQQ,GACZQ,OAAO,EAAEhC,EAAKe,KAAWf,EAAIiC,SAAS,YAAclB,EAAMkB,SAAS,MACnEH,IAAI,EAAE9B,EAAKe,MACV,MAAO,GAAGf,UDnGCkC,ECmGsBnB,EDlGvCmB,EAAMA,EAAIC,QAAQ,IAAK,IAIhB,GAHGC,SAASF,EAAIG,UAAU,EAAG,GAAI,QAC9BD,SAASF,EAAIG,UAAU,EAAG,GAAI,QAC9BD,SAASF,EAAIG,UAAU,EAAG,GAAI,SAJvBH,KCmG4B,GAExCH,KAAK,0BAGNhD,EAAA,QAAA,CAAAd,SAAQ,WACN2B,OAAOC,KAAKyB,EAAe3B,YAC1BmC,IAAKQ,GACG,oBACAA,yCACaA,yDACgBA,iEACNA,wBAC7BP,KAAK,uBAEVhD,EAAA,QAAA,CAAAd,SACG,gtCA4CFA,KAxII,IAyIgB,EAIpB,SAASsE,IACd,OAAOC,EAAWrB,EACpB,CCtKA,MAAAxC,EAAA,CAAA,cAAA,WAAA,aAGM8D,eAAaC,EAAW,CAAA1E,EAAiD2E,KAAQ,IAAxDC,YAAEA,EAAWC,SAAEA,EAAQtE,UAAEA,GAAqBP,EAAP8E,EAAKpE,EAAAV,EAAAW,GACzE,MAAOoE,EAAYC,GAAiBrB,EAAS,CAC3CsB,WAAW,EACXC,UAAU,IAGNC,EAAcC,EAAY,KACzBP,GACHG,EAAeK,GAAIrE,EAAA,CAAA,EAAWqE,EAAI,CAAEJ,WAAW,IACjD,EACC,CAACJ,IAEES,EAAaF,EAAaG,IAC9BP,EAAc,CACZC,WAAW,EACXC,SAA6B,KAAnBK,EAAEC,OAAOzC,OACpB,EACA,IAEG0C,EAAeL,EAAaG,IAChCP,EAAeK,GAAIrE,EACdqE,CAAAA,EAAAA,GACHH,SAA6B,KAAnBK,EAAEC,OAAOzC,QACnB,EACD,IAOG2C,EAAiB,WACrBX,EAAWE,WAAaF,EAAWG,kBAAwC,iBAG7E,OACE5D,EAAA,MAAA,CAAKf,UAToB,UAA4BwE,EAAWE,mBAA6B,MAC7FJ,WAA6B,MAC3BtE,GAAa,KAOoBN,uBACjCc,EAAA,QAAAC,EAAA,CACET,mBACAoF,QAASR,EACTS,OAAQN,EACRO,SAAUJ,EACVb,YAAY,IACZC,SAAUA,EACVF,IAAKA,GACDG,iBAEN/D,EAAA,QAAA,CAAOR,UAAWmF,EAAezF,SAAE2E,MAChC,GAKTH,EAAWqB,YAAc,aCxDzB,MAAAnF,EAAA,CAAA,cAAA,WAAA,YAAA,SAGMoF,EAAW/F,IAAiE,IAAhE4E,YAAEA,EAAWC,SAAEA,EAAQmB,UAAEA,EAAY,IAAGjD,MAAEA,GAAiB/C,EAAP8E,EAAKpE,EAAAV,EAAAW,GACzE,MAAOsE,EAAWgB,GAAgBtC,GAAS,IACpCuB,EAAUgB,GAAevC,GAAS,IAClCwC,EAAWC,GAAgBzC,GAASZ,MAAAA,OAAAA,EAAAA,EAAOsD,SAAU,gBAe5D,OACE/E,EACEf,MAAAA,CAAAA,UAAW,UAA+B0E,WAA6B,MAAMJ,WAA6B,KAAK5E,uBAE/Gc,EAAA,WAAAC,EAAA,CACET,mBACAoF,QAnBcR,KAAON,GAAYoB,GAAa,GAoB9CL,OAlBcL,IAClBU,GAAa,GACbC,EAA+B,KAAnBX,EAAEC,OAAOzC,QAiBjB8C,SAdgBN,IAEpBW,EAA2B,KADRX,EAAEC,OAAOzC,OAE5BqD,EAAab,EAAEC,OAAOa,OAAM,EAYxBzB,YAAY,IACZC,SAAUA,EACVmB,UAAWA,EACXjD,MAAOA,GACH+B,iBAEN/D,EAAA,QAAA,CAAOR,UAAW,WAAyB0E,GAAaC,WAAwC,IAAKjF,SAClG2E,iBAEHtD,EAAKf,MAAAA,CAAAA,mBAA8BN,SAAA,CAChCkG,EAAU,IAAEH,OAEZ,oKCvCH,MAAAM,EAAOA,EAAGC,OAAMC,gBACpB,MAAOC,EAAaC,GAAkB/C,EAAS,GACzCgD,EAAoBpD,EAAQ,IACzBgD,EAAKE,GAAaG,QACxB,CAACH,IAEEI,EAAqBtD,EAAQ,IAC1BiD,EAAYA,IAAc,KAChC,CAACA,iBAEJ,OACElF,EAAKf,MAAAA,CAAAA,UAAWlB,EAAOyH,aAAa7G,SAClCqB,cAAAA,EAAKf,MAAAA,CAAAA,UAAWlB,EAAO0H,kBAAkB9G,SACvCc,cAAAA,EAAKR,MAAAA,CAAAA,UAAWlB,EAAO2H,mBAAmB/G,SACvCsG,EAAKzC,IAAI,CAACmD,EAAKhF,iBAEZlB,EAAAmG,EAAA,CAAAjH,sBACEqB,EAAA,MAAA,CAEEf,UAAW,GAAGlB,EAAO8H,WAAWV,IAAgBxE,EAAQ5C,EAAO+H,SAAW,KAC1EC,QAASA,IAAMX,EAAezE,GAAOhC,SAAA,CAEpCgH,EAAIK,mBACLvG,EAAA,MAAA,CAAKR,UAAWlB,EAAOkI,iBALlB,iBAAiBtF,UAW/B4E,gBAAsB9F,EAAA,MAAA,CAAKR,UAAWlB,EAAOmI,mBAAmBvH,SAAE4G,oBAErE9F,EAAKR,MAAAA,CAAAA,UAAWlB,EAAOoI,WAAWxH,sBAChCc,EAAC4F,EAAmB,CAAA,OAEnB,ECrCHhF,EAAa,CACjB+F,GAAI,CACFrF,SAAU,OACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBmF,GAAI,CACFtF,SAAU,SACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBoF,GAAI,CACFvF,SAAU,YACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBqF,GAAI,CACFxF,SAAU,UACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBsF,GAAI,CACFzF,SAAU,UACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBuF,GAAI,CACF1F,SAAU,YACVE,WAAY,wCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBwF,SAAU,CACR3F,SAAU,OACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtByF,UAAW,CACT5F,SAAU,WACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB0F,UAAW,CACT7F,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB2F,WAAY,CACV9F,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB4F,cAAe,CACb/F,SAAU,OACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB6F,eAAgB,CACdhG,SAAU,WACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB8F,eAAgB,CACdjG,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtB+F,gBAAiB,CACflG,SAAU,YACVE,WAAY,8CACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBgG,eAAgB,CACdnG,SAAU,WACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBiG,eAAgB,CACdpG,SAAU,WACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBkG,gBAAiB,CACfrG,SAAU,UACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBmG,gBAAiB,CACftG,SAAU,UACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBoG,iBAAkB,CAChBvG,SAAU,YACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,OACfD,mBAAoB,QAEtBqG,eAAgB,CACdxG,SAAU,YACVE,WAAY,uCACZJ,UAAW,SACXC,WAAY,IACZE,WAAY,OACZG,cAAe,YACfD,mBAAoB,SCjLXsG,EAAe,CAC1BC,QAAS,CACPC,GAAI,CACFC,MAAO,CACLC,QAAS,UACTC,OAAQ,UACRC,OAAQ,UACRC,KAAM,WAERC,WAAY,CACVC,MAAO,UACPC,SAAU,UACVC,MAAO,UACPC,SAAU,UACVC,SAAU,UACVC,QAAS,UACTC,UAAW,UACXC,WAAY,2BACZC,QAAS,UACTC,MAAO,WAETC,IAAK,CACHC,KAAM,UACNC,QAAS,UACTC,cAAe,UACfC,MAAO,UACPC,eAAgB,UAChBC,SAAU,UACVC,SAAU,UACVC,OAAQ,YAGZC,QAAS,CACPC,SAAU,UACVC,KAAM,WAERC,OAAQ,CACNhG,SAAU,wBAGdlD,WAAUX,EACLW,CAAAA,EAAAA,GACHmJ,oBAAqBnJ,EAAW8G,eAChCsC,4BAA6BpJ,EAAWiH,iBACxCoC,cAAerJ,EAAWyG,cAC1B6C,wBAAyBtJ,EAAW6G,eACpC0C,yBAA0BvJ,EAAW+G,gBACrCyC,iBAAkBxJ,EAAW6G,eAC7B4C,iBAAkBzJ,EAAW+G,kBAE/B2C,wBAAyB"}
1	+ {"version":3,"file":"index.modern.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tollbrothers/blueprint",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "description": "Toll Brothers Design System",
   "author": "",
   "license": "ISC",
@@ -15,7 +15,7 @@
     "node": ">=20.7.0"
   },
   "scripts": {
-    "bundle": "microbundle --jsx React.createElement --jsxImportSource react --compress --format modern,cjs",
+    "bundle": "rimraf dist && microbundle --jsx React.createElement --jsxImportSource react --compress true --format modern,cjs --visualize",
     "build": "npm run bundle",
     "dev": "npm run bundle -- watch",
     "prepare": "run-s build",
@@ -47,7 +47,6 @@
     "@storybook/addon-essentials": "^8.1.11",
     "@storybook/addon-interactions": "^8.1.11",
     "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
     "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/blocks": "^8.1.11",
     "@storybook/nextjs": "^8.1.11",
@@ -70,6 +69,7 @@
     "microbundle": "^0.15.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
+    "rimraf": "^6.0.1",
     "sass": "^1.56.2",
     "semantic-release": "^19.0.5",
     "storybook": "^8.1.11",