@yahoo/uds 0.1.14 → 0.1.16

package/cli/README.md

@@ -1,16 +1,68 @@
-# UDS ClI
+# UDS Cli
 
 We leverage Bluebun, which is a CLI framework inspired by [Gluegun](https://github.com/infinitered/gluegun), but specifically designed to be used with [Bun](https://bun.sh), the new JS runtime.
 
 Bluebun relies on Bun APIs and is designed to be extremely fast, with no-dependencies.
 
-# Standalone executable
-
-We use Bun to build our standalone executable. See [Bun build docs](https://bun.sh/docs/bundler/executables) for more details. The uds package.json's `build:cli` script handles building the CLI. The bin is output to the `dist/uds` binary file and this path is defined in the package.json's bin field.
+> Trying to add a new command? Please see the "Adding a Command" section below
 
 # Commands
 
-## Command structure
+In any consumer of `@yahoo/uds` the following commands are available:
+
+> Please note: If you are _not_ running the CLI from a package.json script you will need to add `bun` before the binary in order to run it directly. i.e. `bun uds purge`
+
+## Config
+
+### Using args
+
+| Arg     | Required | Default         |
+| ------- | -------- | --------------- |
+| id      | true     |                 |
+| outFile | false    | ./uds.config.ts |
+
+```shell
+uds sync --id [id] --outFile [path]
+```
+
+```shell
+uds sync --id [id]
+```
+
+### Using ENV vars
+
+| Env Var      | Required | Default         |
+| ------------ | -------- | --------------- |
+| UDS_ID       | true     |                 |
+| UDS_OUT_FILE | false    | ./uds.config.ts |
+
+```shell
+UDS_ID=[id] uds sync --outFile [path]
+```
+
+```shell
+UDS_ID=[id] UDS_OUT_FILE=[path] uds sync
+```
+
+## Expo
+
+```shell
+uds expo build --profile [profile] --platform [ios|android]
+uds expo dev --profile [profile] --platform [ios|android]
+uds expo launch --profile [profile] --platform [ios|android]
+uds expo update --profile [profile] --platform [ios|android]
+uds expo --help
+```
+
+## Purge CSS
+
+```shell
+uds purge
+```
+
+## Adding a command
+
+> Please note: Adding nested commands, i.e. uds expo dev, appears to not work correctly when UDS is consumed from npm. As a workaround, please see code for expo/expo.ts for re-routing sub-commands from the root command file. To verify your CLI command works correctly you should run `npm pack` within the packages/uds directory. Once you have your generated tarball you should copy that tarball to a test application such as https://github.com/yahoo-design/uds-nextjs-demo, then add `"@yahoo/uds": "file:./tarball-generated-from-npm-pack.tgz` to it's dependencies and run an install. Now you should be able to run `bun uds [your command name]` to test your functionality.
 
 Commands are organized in a tree structure. The root command is the name of the CLI (uds), and then we can have subcommands under that, and subcommands under those, and so on.
 

package/cli/commands/expo/_setup.ts

@@ -1,5 +1,8 @@
+import fs from 'node:fs';
+import os from 'node:os';
+
 import { EasJsonAccessor, EasJsonUtils, Platform } from '@expo/eas-json';
-import { type Props, print } from 'bluebun';
+import { print, type Props } from 'bluebun';
 import { $, semver, which } from 'bun';
 
 export interface MobileProps extends Props {
@@ -29,19 +32,60 @@ export async function setup({
   const { profile, platform, jsEngine = 'hermes', debug = false } = props.options;
   const isIOS = platform === Platform.IOS;
   const isAndroid = platform === Platform.ANDROID;
+  const pathAsString = await $`echo $PATH`.text();
+  const needsBunInPath = !pathAsString.includes('.bun');
+
+  /* -------------------------------------------------------------------------- */
+  /*                            VERIFY BUN IS IN PATH                           */
+  /* -------------------------------------------------------------------------- */
+  if (needsBunInPath) {
+    /**
+     * If BUN_INSTALL is not in the path, we need to add it.
+     * https://bun.sh/docs/installation#checking-installation:~:text=shell%27s%20configuration%20file.
+     */
+    console.write(
+      'BUN is not installed globally or is not available in your $PATH. Adding to your $PATH...',
+    );
+    const whichShell = await $`echo $SHELL`.text();
+    const homeDirectory = os.homedir();
+    const shellRcFile = whichShell.includes('zsh') ? '.zshrc' : '.bashrc';
+    fs.appendFileSync(
+      `${homeDirectory}/${shellRcFile}`,
+      '\n# bun\nexport BUN_INSTALL="$HOME/.bun"\nexport PATH="$BUN_INSTALL/bin:$PATH"',
+    );
+    await $`source $HOME/${shellRcFile}`;
+  }
 
   /* -------------------------------------------------------------------------- */
   /*                                 XCODE SETUP                                */
   /* -------------------------------------------------------------------------- */
   if (isIOS) {
     const xcodePath = await $`xcode-select -p`.text();
-    const needsXcode = !xcodePath.startsWith('/Applications');
-    const needsXcrun = await needsBinary('xcrun');
 
-    if (needsXcode) {
-      console.write(
-        'You must have XCode installed before continuing... Visit https://apps.apple.com/us/app/xcode/id497799835?mt=12 to download.',
-      );
+    if (xcodePath) {
+      const isInvalidXcodePath = !xcodePath.startsWith('/Applications');
+
+      if (isInvalidXcodePath) {
+        console.write(`
+        /* -------------------------------------------------------------------------- */
+        /*                           XCODDE PATH IS INVALID                           */
+        /* -------------------------------------------------------------------------- */
+        
+        Run the following command to set the correct path to XCode:
+
+        sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
+        `);
+      }
+    } else {
+      console.write(`
+        /* -------------------------------------------------------------------------- */
+        /*                             XCODE NOT INSTALLED                            */
+        /* -------------------------------------------------------------------------- */
+        
+        You must have XCode installed before continuing... 
+        
+        Visit https://apps.apple.com/us/app/xcode/id497799835?mt=12 to download.
+      `);
       throw new Error('XCode not installed');
     }
 
@@ -49,14 +93,14 @@ export async function setup({
      * Installing the XCode command line tools & simulators normally
      * requires opening up XCode to install.
      * This conditional is to avoid having to do that.
+     *
+     * If xcode command line tools and simulators have already been installed, that's
+     * fine. This command is really fast and will continue running if already available.
+     *
+     * https://developer.apple.com/documentation/xcode/installing-additional-simulator-runtimes#Install-and-manage-Simulator-runtimes-from-the-command-line
      */
-    if (needsXcrun) {
-      /**
-       * https://developer.apple.com/documentation/xcode/installing-additional-simulator-runtimes#Install-and-manage-Simulator-runtimes-from-the-command-line
-       */
-      await $`xcodebuild -runFirstLaunch`;
-      await $`xcodebuild -downloadPlatform iOS`;
-    }
+    await $`xcodebuild -runFirstLaunch`;
+    await $`xcodebuild -downloadPlatform iOS`;
   }
 
   /* -------------------------------------------------------------------------- */
@@ -215,7 +259,7 @@ export async function setup({
   const output = {
     name: outputName,
     dir: outputDir,
-    prebuildsDir: prebuildsDir,
+    prebuildsDir,
     fileBase: outputFileBase,
     artifact: isIOS ? `${outputFileBase}.tar.gz` : `${outputFileBase}.zip`,
     app: isIOS ? `${outputFileBase}.app` : 'todo fix android',

package/cli/commands/expo/build.ts

@@ -1,5 +1,6 @@
 import { $, semver } from 'bun';
-import { setup, needsBinary, needsBrewFormula, type MobileProps } from './_setup';
+
+import { type MobileProps, needsBinary, needsBrewFormula, setup } from './_setup';
 
 export default {
   name: 'build',

package/cli/commands/expo/dev.ts

@@ -1,6 +1,7 @@
 import { Props } from 'bluebun';
 import { $, sleep } from 'bun';
-import { setup, type MobileProps } from './_setup';
+
+import { type MobileProps, setup } from './_setup';
 
 interface MobileStartProps extends Props {
   options: MobileProps['options'] & {
@@ -56,15 +57,22 @@ export default {
           const iphone15Udid = iphone15ProMax?.udid;
           await $`open -a Simulator --args -CurrentDeviceUDID ${iphone15Udid}`;
         }
+        const appContainerPath =
+          await $`xcrun simctl get_app_container booted ${scheme} data`.text();
+
+        if (!appContainerPath) {
+          console.write('App not installed on booted device. Installing...');
+          await $`eas build:run --platform ${platform} --path ${output.launchFile}`;
+        }
+        /**
+         * In dev mode we use a debug build, which requires a metro server to serve
+         * the Javascript bundle.
+         *
+         * To avoid the, "Could not find metro server" error screen on launch,
+         * we delay the launch of the app until after the metro server has started.
+         */
       }
 
-      /**
-       * In dev mode we use a debug build, which requires a metro server to serve
-       * the Javascript bundle.
-       *
-       * To avoid the, "Could not find metro server" error screen on launch,
-       * we delay the launch of the app until after the metro server has started.
-       */
       sleep(3000).then(async () => {
         /**
          * Launch the app on the booted device
@@ -76,6 +84,7 @@ export default {
       console.write('Starting Metro server...');
       await $`expo start --${platform} --dev-client --localhost --scheme ${scheme} ${extrArgsString}`;
     } catch (err) {
+      console.error(err);
       throw err;
     }
   },

package/cli/commands/expo/expo.ts

@@ -1,19 +1,19 @@
-import { type Props } from 'bluebun';
 import { getCommandHelp } from '../../utils/getCommandHelp';
+import { type MobileProps } from './_setup';
 
 export default {
   name: 'expo',
   description: '',
-  run: async (props: Props) => {
+  run: async (props: MobileProps) => {
     switch (props?.first) {
       case 'build':
-        return require('./build').default.run(props);
+        return (await import('./build')).default.run(props);
       case 'dev':
-        return require('./dev').default.run(props);
+        return (await import('./dev')).default.run(props);
       case 'launch':
-        return require('./launch').default.run(props);
+        return (await import('./launch')).default.run(props);
       case 'update':
-        return require('./update').default.run(props);
+        return (await import('./update')).default.run(props);
       default: {
         await getCommandHelp(props);
         break;

package/cli/commands/expo/launch.ts

@@ -1,4 +1,5 @@
 import { $ } from 'bun';
+
 import type { MobileProps } from './_setup';
 import { setup } from './_setup';
 

package/cli/commands/expo/update.ts

@@ -1,4 +1,5 @@
 import { $ } from 'bun';
+
 import type { MobileProps } from './_setup';
 import { setup } from './_setup';
 

package/cli/commands/purge.ts

@@ -0,0 +1,16 @@
+import { Props, spinStart, spinStop } from 'bluebun';
+
+import { purge } from '../utils/purgeCSS';
+
+export default {
+  name: 'purge',
+  description: `Purge unused CSS`,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  run: async (props: Props) => {
+    spinStart('Purging css...');
+
+    await purge();
+
+    spinStop('✅ Purging css done!');
+  },
+};

package/cli/commands/{config/sync.ts → sync.ts}

@@ -1,6 +1,7 @@
 import { Props } from 'bluebun';
-import { setupConfigWorker } from '../../utils/setupConfigWorker';
-import { SyncOptions } from '../../utils/types';
+
+import { setupConfigWorker } from '../utils/setupConfigWorker';
+import { SyncOptions } from '../utils/types';
 
 interface SyncProps extends Props {
   options: SyncOptions;

package/cli/commands/uds.ts

@@ -1,4 +1,5 @@
 import { type Props } from 'bluebun';
+
 import { getCommandHelp } from '../utils/getCommandHelp';
 
 export default {

package/cli/env.d.ts

@@ -1,3 +1,6 @@
+// See https://github.com/oven-sh/bun/issues/8736
+/// <reference types="bun-types/overrides.d.ts" />
+
 declare module 'bun' {
   interface Env {
     PWD: string;

package/cli/utils/configWorker.ts

@@ -1,9 +1,31 @@
 // prevents TS errors
 declare var self: Worker;
+
+import { $ } from 'bun';
+
 import { ConfigWorkerThreadMessage } from './types';
 
 self.onmessage = async ({ data }: ConfigWorkerThreadMessage) => {
   if (data.type === 'init') {
-    console.log('setup websocket endpoint to watch for config updates');
+    try {
+      // Only listen for updates if firebase is available. This will only be available in UDS monorepo atm
+      const firebase = await import('database/firebase');
+      console.write('Fetching from local database package...\n');
+      firebase.onBranchSnapshot(data.resp.id, ({ config, status }) => {
+        postMessage({ type: 'update', resp: { config, status } });
+      });
+    } catch (err) {
+      try {
+        const res =
+          await $`curl https://syncconfig-j57v6zmjrq-uc.a.run.app?id=${data.resp.id}`.json();
+        if (res?.config) {
+          postMessage({ type: 'update', resp: { config: res.config, status: 'error' } });
+        } else {
+          throw Error;
+        }
+      } catch (err) {
+        throw new Error('Error fetching config');
+      }
+    }
   }
 };

package/cli/utils/getCommandHelp.ts

@@ -1,13 +1,12 @@
 import {
-  CommandTree,
-  InitialProps,
-  Props,
   bold,
   calcWidestCommandName,
+  CommandTree,
   commandTree,
   cyan,
   gray,
   print,
+  Props,
   white,
 } from 'bluebun';
 
@@ -35,7 +34,7 @@ async function formatHelp(initialProps: Props) {
   function generateHelp(cmdTree: CommandTree, prefix: string): string[] {
     return Object.keys(cmdTree).flatMap((key) => {
       const command = cmdTree[key];
-      let lines: string[] = [];
+      const lines: string[] = [];
 
       const fullName = `${prefix} ${command.name === name ? '' : command.name}`.trim();
       lines.push(`${cyan(fullName).padEnd(widest)} ${gray(command.description)}`);

package/cli/utils/purgeCSS.ts

@@ -0,0 +1,138 @@
+import path from 'node:path';
+
+import {
+  componentsDependencies,
+  componentToVariants,
+  variantsList,
+  variantToTailwindClass,
+} from '@yahoo/uds/tailwindPurge';
+import { spinStart } from 'bluebun';
+import FastGlob from 'fast-glob';
+import { Project } from 'ts-morph';
+
+type SafeList = string;
+type ImportsList = string[];
+type Files = string[];
+
+// TODO: use CLI args to power the output file path
+const OUTPUT_FILE_PATH = Bun.file(`${Bun.env.PWD}/dist/safelist.js`);
+
+const getFiles = async (): Promise<Files> => {
+  const workspaceDir = Bun.env.PWD;
+  const srcDir = path.join(workspaceDir, '/src/');
+  const files = await FastGlob(`${srcDir}/**/*.{jsx,tsx}`);
+
+  return files;
+};
+
+/**
+ * Given a file it returns the list of imports from @yahoo/uds
+ */
+const parseFiles = (project: Project, files: Files): ImportsList => {
+  const importsSet = new Set();
+
+  const importsPerFile: string[] = files
+    .map((file: string) => {
+      const sourceFile = project.getSourceFile(file);
+
+      const udsImports =
+        sourceFile
+          ?.getImportDeclarations()
+          .filter((declaration) => {
+            return declaration.getModuleSpecifier().getText().includes('@yahoo/uds');
+          })
+          .map((declaration) => {
+            return declaration.getNamedImports().map((namedImport) => namedImport.getName());
+          })
+          .flat() ?? [];
+
+      return udsImports;
+    })
+    .flat();
+
+  importsPerFile.forEach((item: string) => {
+    if (!importsSet.has(item)) {
+      importsSet.add(item);
+    }
+  });
+
+  return Array.from(importsSet) as string[];
+};
+
+const getTailwindSafelist = (componentList: string[]): SafeList => {
+  const validVariants = new Set<string>(variantsList);
+  const usedProps = new Set<string>();
+  componentList.forEach((component: string) => {
+    if (isUDSComponent(component)) {
+      // go through the list of props of that particular component
+      // and get the related tailwind classes
+      componentToVariants[component].forEach((prop: string) => {
+        if (validVariants.has(prop) && !usedProps.has(prop)) {
+          usedProps.add(prop);
+        }
+      });
+    }
+  });
+
+  let safeList = '';
+  for (const prop of usedProps) {
+    safeList += `${variantToTailwindClass[prop]} `;
+  }
+  return safeList;
+};
+
+const isUDSComponent = (component: string): boolean => {
+  return !!componentToVariants[component];
+};
+
+const saveToFile = async (safeList: SafeList) => {
+  const fileContent = `
+    //! This file is generated by purgeCSS.ts from @yahoo/uds
+    //! Do not edit directly
+    //! If there is issue with this file please report to #ask-uds
+    const safeList = "${safeList}";
+    `;
+
+  await Bun.write(OUTPUT_FILE_PATH, fileContent);
+};
+
+const getComponentsToConvertToTW = (udsImport: ImportsList): string[] => {
+  // filter out just the components
+  const components = udsImport.filter((importedItem) => !!componentToVariants[importedItem]);
+  const set = new Set();
+  components.forEach((component) => {
+    if (!set.has(component)) {
+      set.add(component);
+    }
+    if (componentsDependencies[component]) {
+      componentsDependencies[component].forEach((dependent: string) => {
+        if (!set.has(dependent)) {
+          set.add(dependent);
+        }
+      });
+    }
+  });
+  return Array.from(set) as string[];
+};
+
+async function purge() {
+  const workspaceDir = Bun.env.PWD;
+  const srcDir = path.join(workspaceDir, '/tsconfig.json');
+  const project = new Project({
+    tsConfigFilePath: srcDir,
+  });
+
+  spinStart('Getting used UDS components...');
+  /// 1. Get all files from the current dir
+  const files = await getFiles();
+  // 2. For each file get the imports;
+  const udsImports = parseFiles(project, files);
+  // 3. Now that we have the importer components
+  const udsComponents = getComponentsToConvertToTW(udsImports);
+  // 4. Generate the CSS we need
+  const safeList = getTailwindSafelist(udsComponents);
+  // 5. Write the allowlist to a file
+  await saveToFile(safeList);
+}
+
+export { purge };

package/cli/utils/setupConfigWorker.ts

@@ -1,6 +1,7 @@
 import path from 'node:path';
-import { ConfigWorkerMainThreadMessage, SyncOptions } from './types';
+
 import { sortKeys } from './sortKeys';
+import { ConfigWorkerMainThreadMessage, SyncOptions } from './types';
 
 const workerPath = path.resolve(import.meta.dir, './configWorker');
 const workerURL = new URL(Bun.pathToFileURL(workerPath)).href;
@@ -9,45 +10,41 @@ interface ConfigWorkerOptions extends SyncOptions {
   onUpdate?: (params: { worker: Worker }) => void;
 }
 
-export async function setupConfigWorker({ id, outFile, onUpdate }: ConfigWorkerOptions = {}) {
+export async function setupConfigWorker({
+  id = Bun.env.UDS_ID,
+  outFile = Bun.env.UDS_OUT_FILE,
+  onUpdate,
+}: ConfigWorkerOptions = {}) {
   const workspaceDir = Bun.env.PWD;
   let configID = id;
-  let configOutFile = outFile;
+  let configOutFile = outFile ?? './uds.config.ts';
 
+  // If we didn't get the config ID from the command line or env vars, check for a uds.json file
   if (!configID) {
     const udsConfigFile = Bun.file(`${workspaceDir}/uds.json`);
     const udsConfigFileExists = await udsConfigFile.exists();
     if (udsConfigFileExists) {
-      const configJsonFile = await udsConfigFile.json<{
-        id: string;
-        outFile: string;
-      }>();
+      const configJsonFile = (await udsConfigFile.json()) as { id: string; outFile: string };
 
       configID = configJsonFile.id;
       configOutFile = configJsonFile.outFile;
     }
   }
 
+  // have _nothing_, warn the eng to do something
   if (!configID) {
     console.error(
-      '\nMissing config ID. Please pass in --id or create a uds.json file with { "id": "your-config-id" } defined.\n',
-    );
-    process.exit(1);
-  }
-
-  if (!configOutFile) {
-    console.error(
-      '\nMissing outFile details. Please pass in --outFile ./some-path.ts or create a uds.json file with { "outFile": "./some-path.ts" } defined.\n',
+      '\nMissing config ID. Please pass in --id, set UDS_ID in your .env, or create a uds.json file with { "id": "your-config-id" } defined.\n',
     );
     process.exit(1);
   }
 
-  const outFilePath = `${workspaceDir}/${outFile}`;
+  const outFilePath = `${workspaceDir}/${configOutFile}`;
 
   const worker = new Worker(workerURL);
 
   worker.addEventListener('open', () => {
-    worker.postMessage({ type: 'init', resp: { id } });
+    worker.postMessage({ type: 'init', resp: { id: configID } });
   });
 
   worker.onmessage = async ({ data }: ConfigWorkerMainThreadMessage) => {
@@ -62,7 +59,7 @@ import { type UniversalTokensConfig } from '@yahoo/uds';
 export const config: UniversalTokensConfig = ${JSON.stringify(sortedConfig, null, 2)};
 `.trimStart();
 
-      console.log(`✅ Synced UDS config ${id}`);
+      console.log(`✅ Synced UDS config ${configID} to ${outFilePath}`);
       await Bun.write(outFilePath, configContent);
       onUpdate?.({ worker });
     }

package/dist/{chunk-P7GR6E3K.js → chunk-AHFH5E5L.js}

@@ -1 +1 @@
-var e=["Helvetica Neue","Helvetica","Arial","sans-serif"],l=["Georgia","Times","Times New Roman","serif"],b={icons:{fallbacks:e,name:"yahoo-icons"},sans:{fallbacks:e,name:"yahoo-sans"},"sans-beta":{fallbacks:e,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:e,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:l,name:"yahoo-serif-text"},"serif-display":{fallbacks:l,name:"yahoo-serif-display"}},d={display1:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},p={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},c={display1:"black",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},g={display1:"uppercase",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},i={fontSize:{display1:46,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},a={fontSize:{display1:46,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...i.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},t={fontSize:{display1:47,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...a.lineHeight,title2:36,title3:32}},n={fontSize:{...t.fontSize,display1:48,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...t.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},o={fontSize:{display1:50,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...n.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},s={fontSize:{display1:52,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...o.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},r={fontSize:{display1:54,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...s.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};export{b as a,d as b,p as c,c as d,g as e,i as f,a as g,t as h,n as i,o as j,s as k,r as l};
+var e=["Helvetica Neue","Helvetica","Arial","sans-serif"],i=["Georgia","Times","Times New Roman","serif"],g={icons:{fallbacks:e,name:"yahoo-icons"},sans:{fallbacks:e,name:"yahoo-sans"},"sans-beta":{fallbacks:e,name:"yahoo-sans-beta"},"sans-condensed":{fallbacks:e,name:"yahoo-sans-condensed"},"serif-text":{fallbacks:i,name:"yahoo-serif-text"},"serif-display":{fallbacks:i,name:"yahoo-serif-display"}},b={display1:"sans",title1:"sans",title2:"sans",title3:"sans",title4:"sans",headline1:"sans",body1:"sans",label1:"sans",label2:"sans",caption1:"sans",caption2:"sans",legal1:"sans"},f={thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},p={display1:"black",title1:"bold",title2:"bold",title3:"bold",title4:"bold",headline1:"semibold",body1:"regular",label1:"semibold",label2:"regular",caption1:"semibold",caption2:"regular",legal1:"semibold"},d={display1:"uppercase",title1:"none",title2:"none",title3:"none",title4:"none",headline1:"none",body1:"none",label1:"none",label2:"none",caption1:"none",caption2:"none",legal1:"none"},l={fontSize:{display1:46,title1:29,title2:25,title3:21,title4:17,headline1:13,body1:13,label1:12,label2:12,caption1:11,caption2:11,legal1:10},lineHeight:{display1:44,title1:36,title2:32,title3:28,title4:24,headline1:16,body1:16,label1:16,label2:16,caption1:16,caption2:16,legal1:12}},a={fontSize:{display1:46,title1:30,title2:26,title3:22,title4:18,headline1:14,body1:14,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...l.lineHeight,title1:40,headline1:20,body1:20,legal1:16}},t={fontSize:{display1:47,title1:31,title2:27,title3:23,title4:19,headline1:15,body1:15,label1:13,label2:13,caption1:12,caption2:12,legal1:11},lineHeight:{...a.lineHeight,title2:36,title3:32}},n={fontSize:{...t.fontSize,display1:48,title1:32,title2:28,title3:24,title4:20,headline1:16,body1:16,label1:14,label2:14},lineHeight:{...t.lineHeight,title2:36,title3:32,headline1:20,body1:20,label1:20,label2:20}},o={fontSize:{display1:50,title1:34,title2:30,title3:26,title4:22,headline1:18,body1:16,label1:16,label2:16,caption1:14,caption2:14,legal1:13},lineHeight:{...n.lineHeight,title1:44,headline1:24,body1:24,caption1:20,caption2:20}},s={fontSize:{display1:52,title1:36,title2:32,title3:28,title4:26,headline1:20,body1:20,label1:18,label2:18,caption1:16,caption2:16,legal1:15},lineHeight:{...o.lineHeight,title2:40,title3:36,headline1:28,body1:28,label1:24,label2:24,legal1:20}},c={fontSize:{display1:54,title1:38,title2:34,title3:30,title4:28,headline1:22,body1:22,label1:20,label2:20,caption1:18,caption2:18,legal1:17},lineHeight:{...s.lineHeight,title1:48,title2:44,title4:32,label1:28,label2:28,caption1:24,caption2:24}};export{g as a,b,f as c,p as d,d as e,l as f,a as g,t as h,n as i,o as j,s as k,c as l};

package/dist/{chunk-MBOOJIH7.js → chunk-FLBMVDKG.js}

@@ -1 +1 @@
-import{a as v,b as R,c as m,d as T,e as F,f as $,g as C,h as _,i as E,j as h,k as S}from"./chunk-3I3D5S54.js";import{c as d}from"./chunk-P7GR6E3K.js";import{a as y}from"./chunk-WYDHNV42.js";import{a as c}from"./chunk-74YHFBTD.js";function I(o){let{palette:e,spectrum:a}=o,n={},r={spectrum:{},palette:{}};for(let[t,i]of c(a))for(let[s,f]of c(i)){let l=`${t}-${s}`,p=`--${R}-${l}`;r.spectrum[t]||(r.spectrum[t]={}),r.spectrum[t][s]=`rgb(var(${p}))`,n[p]=f}return c(e).forEach(([t,i])=>{for(let[s,{hue:f,step:l,opacity:p}]of Object.entries(i)){t in r.palette||(r.palette[t]={});let g=`--${v}-${t}-color-${s}`;n[g]=`var(--${R}-${f}-${l})`,r.palette[t][s]=p?`rgb(var(${g}) / ${p})`:`rgb(var(${g}))`}}),{_vars:n,_raw:o,tailwindConfig:r}}function k(o){let e={},a={};for(let[n,r="regular"]of c(o)){let t=`--${h}-${n}`,i=d[r];e[t]=i,a[n]=`var(${t})`}return{_vars:e,_raw:o,tailwindConfig:{...d,...a}}}function P(o,e,a){let n={},r={};for(let[t,i]of c(e)){let s=`--${o}-${t}`,f=a?a(i):i;n[s]=f,r[t]=`var(${s})`}return{_vars:n,_raw:e,tailwindConfig:r}}function u(o,e){let a={},n={};for(let[r,t]of c(e)){let i=`--${o}-${r}`,s=`${t}px`;a[i]=s,n[r]=`var(${i})`}return{_vars:a,_raw:e,tailwindConfig:n}}function x(o){let e={};for(let[a,n]of c(o)){let r=n.map(({color:t,offsetX:i,offsetY:s,blurRadius:f,spreadRadius:l})=>`${i}px ${s}px ${f}px ${l}px ${t}`).join(", ");e[a]=r}return e}function N(o){return y(o,(e,a)=>{let{fallbacks:n=[]}=e??{};return[`var(--${m}-${a})`,...n]})}function X(o){return`${o}px`}function w(o){return y(o,X)}var H=w;function U(o){let{colorMode:e,scaleMode:a,elevation:n,fontFamily:r,borderWidth:t}=o;return{...o,colorMode:{light:I(e.light),dark:I(e.dark)},scaleMode:y(a,({shapes:i,spacing:s,fontSize:f,lineHeight:l,fontFamily:p,fontWeight:g,textTransform:b,avatarSizes:V,iconSizes:W})=>({fontFamily:P(m,p,M=>`var(--${m}-${M})`),fontSize:u(_,f),fontWeight:k(g),lineHeight:u(E,l),textTransform:P(S,b),shapes:u($,i),spacing:u(C,s),avatarSizes:u(F,V),iconSizes:u(T,W)})),borderWidth:H(t),elevation:x(n),fontFamily:N(r)}}export{U as a};
+import{a as y}from"./chunk-WYDHNV42.js";import{a as v,b as R,c as m,d as T,e as F,f as $,g as C,h as _,i as E,j as h,k as S}from"./chunk-3I3D5S54.js";import{a as c}from"./chunk-74YHFBTD.js";import{c as d}from"./chunk-AHFH5E5L.js";function I(o){let{palette:e,spectrum:a}=o,n={},r={spectrum:{},palette:{}};for(let[t,i]of c(a))for(let[s,f]of c(i)){let l=`${t}-${s}`,p=`--${R}-${l}`;r.spectrum[t]||(r.spectrum[t]={}),r.spectrum[t][s]=`rgb(var(${p}))`,n[p]=f}return c(e).forEach(([t,i])=>{for(let[s,{hue:f,step:l,opacity:p}]of Object.entries(i)){t in r.palette||(r.palette[t]={});let g=`--${v}-${t}-color-${s}`;n[g]=`var(--${R}-${f}-${l})`,r.palette[t][s]=p?`rgb(var(${g}) / ${p})`:`rgb(var(${g}))`}}),{_vars:n,_raw:o,tailwindConfig:r}}function k(o){let e={},a={};for(let[n,r="regular"]of c(o)){let t=`--${h}-${n}`,i=d[r];e[t]=i,a[n]=`var(${t})`}return{_vars:e,_raw:o,tailwindConfig:{...d,...a}}}function P(o,e,a){let n={},r={};for(let[t,i]of c(e)){let s=`--${o}-${t}`,f=a?a(i):i;n[s]=f,r[t]=`var(${s})`}return{_vars:n,_raw:e,tailwindConfig:r}}function u(o,e){let a={},n={};for(let[r,t]of c(e)){let i=`--${o}-${r}`,s=`${t}px`;a[i]=s,n[r]=`var(${i})`}return{_vars:a,_raw:e,tailwindConfig:n}}function x(o){let e={};for(let[a,n]of c(o)){let r=n.map(({color:t,offsetX:i,offsetY:s,blurRadius:f,spreadRadius:l})=>`${i}px ${s}px ${f}px ${l}px ${t}`).join(", ");e[a]=r}return e}function N(o){return y(o,(e,a)=>{let{fallbacks:n=[]}=e??{};return[`var(--${m}-${a})`,...n]})}function X(o){return`${o}px`}function w(o){return y(o,X)}var H=w;function U(o){let{colorMode:e,scaleMode:a,elevation:n,fontFamily:r,borderWidth:t}=o;return{...o,colorMode:{light:I(e.light),dark:I(e.dark)},scaleMode:y(a,({shapes:i,spacing:s,fontSize:f,lineHeight:l,fontFamily:p,fontWeight:g,textTransform:b,avatarSizes:V,iconSizes:W})=>({fontFamily:P(m,p,M=>`var(--${m}-${M})`),fontSize:u(_,f),fontWeight:k(g),lineHeight:u(E,l),textTransform:P(S,b),shapes:u($,i),spacing:u(C,s),avatarSizes:u(F,V),iconSizes:u(T,W)})),borderWidth:H(t),elevation:x(n),fontFamily:N(r)}}export{U as a};